摘要：
一、前言 Tab栏效果切换是常见的功能需求，它实际上运用的就是JS的排他思想。 那么，什么是排他思想呢？ 简而言之，就是在监听成立时，先把所有的样式清除为空，随后按照需求添加需要的样式。 二、案例分析 1. 需求分析 鼠标放到上面的li上，li本身变色(添加类)，对应的span也显示出来(添加类); 阅读全文
摘要：
一、前言 当我们谈到栈和队列的时候，就会条件反射想起数据结构。在ECMAScript标准中，数组也是提供了类似于其他数据结构的方法，分别是栈方法和队列方法。 二、栈方法 1. 定义 栈是一种后进先出的数据结构，也就是最新添加的项会被最早移除，如同堆叠烙饼一般。 栈中项的插入（又叫推入）和移除（又叫弹 阅读全文
摘要：
一、前言 ES5最早引入了严格模式的概念。通过严格模式，可以在函数内部选择较为严格的全局或局部的错误条件检测。使用严格模式的好处是，可以提早地发现函数内部存在的错误以及编译中产生的错误。 支持严格模式的浏览器包括IE10+、FireFox4+、Safari5.1+和Chrome。 二、选择使用 使用 阅读全文
摘要：
一、Animation 属性（动画） Animation 是 CSS3 属性中，除了 transform、transiton 之外的一个动画属性。 具体有：animation-name、animation-duration、animation-timing-function、animation-de 阅读全文
摘要：
Transition 属性（过渡动画） Transition 属性是可以让元素从一个状态转换成另一个状态，这就是过渡。 一、前言 之前有段时间总是混淆 transition 和 transform 属性的用法，这里有个方法，可供参考。 先说 transform，trans在英语词根中表示变化、运动， 阅读全文
摘要：
一、transform 属性（形状变换） transform 属性：对元素应用 2D 或 3D 转换。该属性允许我们对元素进行移动、缩放、旋转或倾斜。 1.1 translate 移动 translate 方法用于从当前位置移动一个元素。 语法 translateX() 向 x 轴移动元素 tran 阅读全文
摘要：
一、剖析原理 1.如下图所示，空白区域为 content 内容区，四周为 border 边框。 css代码： width: 100px; height: 100px; border-top:50px solid red; border-right: 50px solid green; border- 阅读全文