05 2016 档案

Bootstrap源码分析之transition、affix
摘要：一、Transition（过滤） 作为一个基础支持的组件，被其他组件多次引用。实现根据浏览器支持transition的能力，然后绑定动画的结束事件；首先：创建一个Element；然后：迭代查看此元素支持的transition动画名称Transition实现的技巧，主要是重写了jquery的event 阅读全文
posted @ 2016-05-29 21:13 小龙女先生 阅读(548) 评论(0) 推荐(0) 编辑
bootstrap源码分析之form、navbar
摘要：一、表单（Form） 源码文件：_form.scssmixins/_form.scss 1、按层次结构分：form-group -> form-control/input-group/form-static-control -> 各类标签2、Form-group/form-control/input 阅读全文
posted @ 2016-05-29 20:56 小龙女先生 阅读(964) 评论(0) 推荐(0) 编辑
Bootstrap源码分析之nav、collapse
摘要：导航分析（nav)： 源码文件：_navs.scss：导航模块Mixins/_nav-divider.scss：分隔线Mixins/_nav-vertical-align.scss：垂直对齐 1、只是用css进行了样式修饰，对Js没有任何依赖2、导航模块可以包含下拉模块3、实现了水平、垂直、水平平均分配（table-cell实现，4.0移除）、tabs、胶囊等样式4、Nav-divider：有一个... 阅读全文
posted @ 2016-05-21 18:34 小龙女先生 阅读(2214) 评论(0) 推荐(0) 编辑
Bootstrap源码分析之dropdown
摘要：源码分析： Dropdowns.scss：下拉框模块 Javascripts/bootstrap/dropdown.js：实现下拉框响应 实现功能及原理： 下拉选项卡，默认不能实现显示选中项的功能 原理： 1、利用dropdown类作为定位点，然后让子级的列表dropdown-menu绝对定位实现， 阅读全文
posted @ 2016-05-21 18:14 小龙女先生 阅读(1954) 评论(0) 推荐(0) 编辑
bootstrap深入理解之格子布局
摘要：一、源码文件： _grid.scss：格子系统类文件 Mixins/_grid.scss：支持格子系统实现的mixin集合 Mixins/_grid-framework.scss：格子系统实现的核心mixin 二、支持的功能 1. 实现按百分比布局 2. 实现格子的定位 3. 实现格子的嵌套 4. 阅读全文
posted @ 2016-05-12 23:15 小龙女先生 阅读(1513) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示