navbar | 易学教程

NavigationController

阅读更多关于 NavigationController

实际开发中都是多控制器的；用一个控制器（父）管理多个控制器（子） ios提供2个特殊的（父）控制器 UINavigationControler 简介导航控制器，可以轻松完成多个控制器之间的切换，其结构包含导航条（y=20）、栈顶控制器的view、导航控制器的view。导航控制器需要设置一个根控制器，一般是UIViewControler。基本使用最开始的时候，栈顶控制器的view就是导航控制器的根控制器的view。 1.先去掉Info.plist的倒数第三行的main，以采用代码方式创建 2.在AppDelegate.m中：其中，先创建窗口，再创建导航控制器（同时创建了一个UIviewControler的控制器，作为其根控制器），然后把该窗口的根控制器设为所创建的导航控制器，最后显示窗口。 PS：一般地，导航控制器的根控制器来自新建一个UIViewControler类，然后import进来。另外，只要一个控制器是导航控制器的子控制器，那么导航控制器就会成为这个控制器的一个属性（可以拿到）控制器之间的跳转：根控制器的导航控制器调用pushViewControler方法，参数为跳转后的控制器。跳转后，显示的是后来这个ViewControler的view，也成了栈顶控制器的view，同时从window上移除了前一个控制器的view，但仍保存于导航控制器的子控制器数组中。 PS

带坑使用微信小程序框架WePY组件化开发项目，附带第三方插件使用坑

阅读更多关于带坑使用微信小程序框架WePY组件化开发项目，附带第三方插件使用坑

纯粹用来记录wepy及相关联内容，以防再犯~ 1. 接手的wepy项目版本是 1.7.2 ，so我没有初始化的过程.... 2. 安装wepy命令工具， npm install wepy-cli -g ，在VScode终端安装后可能需要重启编辑器才能生效，通过wepy -v命令判断是否成功； 3. 结合MinUI框架使用时，安装组件假死一动不动，需要node版本切换为8.x版本（原本10.x）； 4. 小程序元素上加了伪代码（::after）后会影响事件向上冒泡（我无知），catch失效；　　解决办法：多嵌套一层标签，提高显示层级　　理由：元素上加了伪代码后多了遮罩层 5. wepy实时编译， wepy build --watch ，如果实时编译不好使，请手动编译一次，相信我一定要去手动编译；　　比如我只改变了template的元素内容，wepy就不会自动编译了，因为它监听不到改变地方！　　style部分也有这种情况~ 　　不知道wepy-cli抽什么风~ 　　不好使可用重启编译命令： wepy build --no-cache 6. wepy 在异步函数中更新数据的时候，必须手动调用$apply方法，才会触发脏数据检查流程的运行　　this.$apply() 7. wepy 中使用ES6 async/await 语法时, 需要npm安装'wepy

Django学习笔记（9）—— 开发用户注册与登录系统

阅读更多关于 Django学习笔记（9）—— 开发用户注册与登录系统

一，项目题目: 开发用户注册与登录系统　　该项目主要练习使用Django开发一个用户注册与登录的系统，通过这个项目然后巩固自己这段时间所学习的Django知识。　　在 Django学习笔记（16）——扩展Django自带User模型，实现用户注册与登录，这篇博文中，我完成了使用Django自带的Auth模型下的User模型而重新建立了自己的用户模型。有兴趣的可以看一下。二，项目需求：开发一个简单的用户登录与注册系统要求：有用户注册页面有用户登录页面有用户登录成功的页面有注册和登录的验证码提示　　三，编码规范需求：编码规范需求：15% 1. 代码规范遵守pep8 (https://python.org/dev/peps/pep-0008/) 2. 函数有相应的注释 3. 程序有文档说明文件（README.md参考：https://github.com/csrftoken/vueDrfDemo） 4. 程序的说明文档必须包含的内容：程序的开发环境（django版本）、程序的实现的功能、程序的启动方式、登录用户信息、程序的运行效果 5. 程序设计的流程图：　　四，项目思路 4.1：设计数据模型数据库模式设计设置数据库为MySQL 数据库迁移 4.2：admin后台在admin中注册模型创建超级管理员 4.3：url路由和视图路由设计架构初步视图

Bootstrap4 卡片+下拉菜单+折叠+导航+导航栏

阅读更多关于 Bootstrap4 卡片+下拉菜单+折叠+导航+导航栏

Bootstrap4 卡片 < div class ="card" > < div class ="card-body" > 卡片 </ div > </ div > 卡片头部，内容，底部 < div class ="card" > < div class ="card-header" > 卡片头部 </ div > < div class ="card-body" > 卡片内容 </ div > < div class ="card-footer" > 卡片底部 </ div > </ div > 多种颜色的卡片，背景bg-，文字颜色text- < div class ="card bg-primary text-white" > < div class ="card-header" > 卡片头部 </ div > < div class ="card-body" > 卡片内容 </ div > < div class ="card-footer" > 卡片底部 </ div > </ div > 卡片的标题、文本和链接 card-title card-text card-link < div class ="card" > < div class ="card-body" > < h4 class ="card-title" > 卡片标题 </ h4 > < p class =

【笔记】《Bootstrap实战》——第3章 WordPress主题【自】

阅读更多关于【笔记】《Bootstrap实战》——第3章 WordPress主题【自】

【推荐阅读】微服务还能火多久？>>> 文章目录一、导航部分 1.引入 bootstrap 和 jquery 2.添加导航二、添加首页内容 1.上传并处理图片 2.添加首页内容三、自定义页面模板四、理解Roots的基准模板五、创建自定义的基本模板六、在自定义结构中使用自定义栏目七、创建自定义的内容模板八、通过自定义栏目构建传送带九、加入页脚内容十、更换我们的assets资源 wordpress主题添加资源文件（js、css）还是不熟悉一、导航部分 1.引入 bootstrap 和 jquery 修改以下文件 \resources\views\partials\head.blade.php ：原文件： <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> @php wp_head() @endphp </head> 修改为： <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie

【笔记】《Bootstrap实战》——第1章初识Bootstrap

阅读更多关于【笔记】《Bootstrap实战》——第1章初识Bootstrap

【推荐阅读】微服务还能火多久？>>> 文章目录一、下载二、准备项目模板文件夹 1.下载 2.文件目录 3.删除不必要的样本文件 4.理解样本中的.htaccess文件 5.更新必要的样本文件 6.更新图标文件三、加入Bootstrap文件 1.字体 2.JavaScript 3.暂不考虑css文件 4.复制less文件 5.盘点四、构造HTML模板 1.原有代码 2.新增代码 3.编译less文件 4.完成响应式导航条 5.支持IE8 五、小结一、下载 https://codeload.github.com/twbs/bootstrap/zip/v3.3.7 源码： https://github.com/twbs/bootstrap 文件目录： - dist - docs - fonts - grunt - js - less - nuget 二、准备项目模板文件夹 1.下载 https://codeload.github.com/OliverDaDa/html5-boilerplate/zip/master HTML5 Boilerplate: The web’s most popular front-end template 2.文件目录文件目录： + dist + css + doc + img + js - index.html + src + test 3

【笔记】《Bootstrap实战》——第2章作品展示站点

阅读更多关于【笔记】《Bootstrap实战》——第2章作品展示站点

【推荐阅读】微服务还能火多久？>>> 文章目录一、搭建传送带（轮播图） 1.主要代码 2.使用说明二、创建响应式分栏 1.网格系统引入 2.使用说明三、链接转按钮 1.关键类说明 2.代码四、理解LESS 1.[嵌套（Nesting）](https://less.bootcss.com/#-nesting-) 2.[变量（Variables）](https://less.bootcss.com/features/#variables-feature) 3.[混合（Mixins）](https://less.bootcss.com/features/#mixins-feature) 4.[运算（Operations）](https://less.bootcss.com/features/#mixins-feature) 5.[导入（Importing）](https://less.bootcss.com/features/#imports-feature) 五、定制LESS文件 1.准备工作 2.导入新变量 3.编辑导航条变量六、添加Logo图片 1.加img 2.调整导航条内边距七、调整导航项内边距八、添加图标 1.使用BootStrap自带的Glyphicons 2.使用Font Awesome图标九、调整导航项图标颜色十、调整响应式导航条断点十一、调整传送带

【笔记】《Bootstrap实战》——第4章企业网站

阅读更多关于【笔记】《Bootstrap实战》——第4章企业网站

【推荐阅读】微服务还能火多久？>>> 文章目录一、准备启动文件 1.完成之前的效果： 2.完成之后的效果 3.文件清单 4.本章目标二、页头区 1.需要完成的效果特性： 2.将Logo放在导航条上方 3.调整导航条三、添加实用导航 1.要实现的效果 2.添加代码和样式四、调整响应式导航五、调整配色六、调整折叠后的导航条配色 1.调整响应式导航条 2.调整水平导航条七、设计复杂的响应式布局 1.调整中、宽布局 2.调整标题、字体大小和按钮 3.增大主栏 4.调整第三栏 5.针对多个视口进行微调八、复杂的页脚 1.准备标记 2.调整布局适应平板 3.针对性地清除 4.修整细节一、准备启动文件 1.完成之前的效果： 2.完成之后的效果宽屏：窄屏： 3.文件清单 Bootstrap LESS和 JavaScript文件，分别位于下列文件夹： less/bootstrap：Bootstrap的 LESS文件 js/bootstrap：Bootstrap的个别插件 js/plugins.js：Bootstrap压缩后的插件 HTML5 Boilerplate及下列文件：基本的结构化标记文件 index.html js/vendor/modernizr-2.6.2.min.js js/vendor/query-1.10.2.min.js 保证兼容 Internet

【笔记】《Bootstrap实战》——第6章单页营销网站

阅读更多关于【笔记】《Bootstrap实战》——第6章单页营销网站

【推荐阅读】微服务还能火多久？>>> 文章目录一、概况二、初始文件三、了解页面内容四、调整导航条五、定制高清图六、美化功能列表七、装饰用户评论区 1.定位及美化说明 2.调整说明元素的位置 3.添加 Bootstrap 的网格类 4.下载并链接 JavaScript 插件 5.初始化 Masonry 插件 6.切齐图片 7.适应小微屏幕八、吸引人的价目表 1.准备变量、文件和标记 2.表格头 3.表体和表脚 4.为不同的价目表添加不同的样式 5.适配小视口 6.突出重要的表格九、最后的调整 1.调整标题 2.为导航条添加 ScrollSpy 3.添加动画十、小结本章主要任务如下：一个大型介绍性传送带图片展示区，配有自定义的响应式欢迎信息；一个客户留言区，显示为带标题的图片墙，就像砖垒的一样；一个功能清单，使用大号 Font Awesome 图标；一个带有自定义价目表的注册区；一个带动态滚动的 ScrollSpy 导航条。一、概况假设客户需求如下：一个清新，具有现代美的网站；一条介绍性的欢迎语，打在吸引人的背景图片之上；一个高效的商品展示区，用醒目的图标来突出；精致的客户留言板，深具视觉冲击力；三个能让客户一目了然的价目表，方便选择，快捷注册；不断沟通！一切都在吸引用户一步一步向下看，让人几乎无法拒绝点击最后的注册按钮。

HTML标签的命名/CSS标准化命名大全

阅读更多关于 HTML标签的命名/CSS标准化命名大全

本文转载于: 猿2048 网站➭ HTML标签的命名/CSS标准化命名大全在一个内容较多的HTML页面中，需要设计许多不同的框架，再为这些不同的框架及内容进行分类，给予相应的名称，从而使得网页结构更加清晰，也为工作提供了方便。许多新手朋友在设计一个HTML文件时，可能只会依据自己的想法随便给一些简单的名称，但若是一味的乱起名称，不仅会让团队的伙伴看不明白，还会导致标签名称混乱，这样会使得代码维护十分困难，是非常不利于管理的。所以我们在设计整个网站，还是一个单独的HTML页面，都应该要有良好的命名规则。在本文中，主要讲解 CSS命名规则，这也包括了对 HTML标签命名。文件名称必须由英文字母开头，通常命名的规则是根据内容的分类和框架的类型翻译成英文单词来命名，例如：div id="nav"（表示为这个div是个导航条），所有单词应当用小写字母，名称中可以使用数字，或下划线，例如：div="main_piclist"（表示主要内容下的图片列表）、div="nav_bg.jpg"（表示导航条的背景图），还可以使用中划线进行名称之间的连接，例如：div="main-left"（表示左侧内容的布局）所有命名要尽量避免使用中文字符，要以最少的字母达到最容易理解的含义，除非一看即懂，否则尽量不缩写。 HTML标签的命名/CSS标准化命名大全页面结构命名 page：代表整个页面

订阅 navbar