摘要： 一、主类关系图 二、类职责 2.1、observable（普通监控对象类） observable（他其是一个function）的内部实现：1.首先声明一个名为observable的fn（这个可以说是一个类）2.增加一个ko惟一的latestValue（最新值）属性来存储形参传入的值3.如果支持原生__proto__属性就利用hasOwnProperty来判断属性是否存在的方式来继承，判断__pr... 阅读全文

摘要： 源码文件： Carousel.scssCarousel.js 实现原理： 隐藏所有要显示的元素，然后指定当前要显示的为block，宽、高自适应 源码分析： 1、Html结构：主要分为以四个部分 1.1、容器：最外层div，需要一个data-ride=”carousel”来指定为轮播放插件，并且提供一个Id，方便圆圈指示符的关联 1.2、图片列表部分，用一个外层div包裹所有，然后每个img会被... 阅读全文

摘要： 一、tooltip（提示框） 源码文件： Tooltip.jsTooltip.scss 实现原理： 1、获取当前要显示tooltip的元素的定位信息（top、left、bottom、right、width、height等）2、计算tooltip的位置，是top、left、bottom、right其中一个3、然后根据计算的位置值，运算出坐标值4、给tooltip应用坐标值 源码分析： 1、owner... 阅读全文

摘要： 实现tab选项卡的应用，此插件相对比较简单 源码文件： tab.js 实现原理 1、单击一个元素时，首先将原来高亮的元素取消2、然后给被单击元素进行高亮3、如果单击元素是下拉框中某个选项，则选中本身，还要选中下拉框5、如果定义了动画，先执行动画，然后回调 源码分析： 1、Show方法，是在单击一个元素的时候触发，会触发如下四个事件 1.1、Hiden.bs.tab：隐藏上一个元素 1.2、Sh... 阅读全文

摘要： 源码文件： Scrollspy.js 实现功能 1、当滚动区域内设置的hashkey距离顶点到有效位置时，就关联设置其导航上的指定项2、导航必须是 .nav > li > a 结构，并且a上href或data-target要绑定hashkey3、菜单上必须有.nav样式4、滚动区域的data-target与导航父级Id（一定是父级）要一致 one tw... 阅读全文

摘要： 一、Transition（过滤） 作为一个基础支持的组件，被其他组件多次引用。实现根据浏览器支持transition的能力，然后绑定动画的结束事件；首先：创建一个Element；然后：迭代查看此元素支持的transition动画名称Transition实现的技巧，主要是重写了jquery的event 阅读全文

摘要： 一、表单（Form） 源码文件：_form.scssmixins/_form.scss 1、按层次结构分：form-group -> form-control/input-group/form-static-control -> 各类标签2、Form-group/form-control/input 阅读全文

摘要： 导航分析（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：有一个... 阅读全文

摘要： 源码分析： Dropdowns.scss：下拉框模块 Javascripts/bootstrap/dropdown.js：实现下拉框响应 实现功能及原理： 下拉选项卡，默认不能实现显示选中项的功能 原理： 1、利用dropdown类作为定位点，然后让子级的列表dropdown-menu绝对定位实现， 阅读全文

摘要： 一、源码文件： _grid.scss：格子系统类文件 Mixins/_grid.scss：支持格子系统实现的mixin集合 Mixins/_grid-framework.scss：格子系统实现的核心mixin 二、支持的功能 1. 实现按百分比布局 2. 实现格子的定位 3. 实现格子的嵌套 4. 阅读全文