菠萝的蜜

作用域、作用域链是JavaScript中重要的组成部分和重点知识，是我们务必要掌握的内容。 如果没有掌握，那么作为重点难点之一的函数的闭包将会难以理解、无从下手。 1. 函数作用域 [[scope]] 4) JS中，只有函数级别的作用域，没有块级作用域。也就是说，只有在进入或者…

上一篇我们说到了脚本的预编译，这一节讲一讲函数调用的预编译。 1. 过程 找出所有的变量声明，按照变量名加入AO，如果已存在，忽略。 找出所有的函数声明，按照函数名加入AO，如果已经存在同名变量或者函数，替换。 2. 解析 1.函数中的所有变量声明，在函数的预编译阶段完成，所有…

预编译是JS语言的难点重点之一，难点在于不便理解，重点在于必须掌握。 预编译实际上就是JS引擎的两次扫描，第一次扫描是检测声明，第二次扫描是执行代码。 预编译分为脚本的预编译和函数调用的预编译，先来说说脚本的预编译。 1. 过程 找出所有的变量声明，按照变量名加入全局对象，如果…

Tab栏效果切换是常见的功能需求，它实际上运用的就是JS的排他思想。 简而言之，就是在监听成立时，先把所有的样式清除为空，随后按照需求添加需要的样式。 1. 需求分析 2. 功能实现 思路：1.点亮盒子。 2.利用索引值显示盒子。 遇到此类需求时（TAB切换），第一反应就是要想…

当我们谈到栈和队列的时候，就会条件反射想起数据结构。在ECMAScript标准中，数组也是提供了类似于其他数据结构的方法，分别是栈方法和队列方法。 1. 定义 栈是一种后进先出的数据结构，也就是最新添加的项会被最早移除，如同堆叠烙饼一般。 栈中项的插入（又叫推入）和移除（又叫弹…

ES5最早引入了严格模式的概念。通过严格模式，可以在函数内部选择较为严格的全局或局部的错误条件检测。使用严格模式的好处是，可以提早地发现函数内部存在的错误以及编译中产生的错误。 支持严格模式的浏览器包括IE10+、FireFox4+、Safari5.1+和Chrome。 如果在…

Animation 是 CSS3 属性中，除了 transform、transiton 之外的一个动画属性。 具体有：animation-name、animation-duration、animation-timing-function、animation-delay、anim…

Transition 属性是可以让元素从一个状态转换成另一个状态，这就是过渡。 之前有段时间总是混淆 transition 和 transform 属性的用法，这里有个方法，可供参考。 先说 transform，trans在英语词根中表示变化、运动，而 form 在英语词根中本…

transform 属性：对元素应用 2D 或 3D 转换。该属性允许我们对元素进行移动、缩放、旋转或倾斜。 translate 方法用于从当前位置移动一个元素。 rotate 方法通过指定角度参数对元素进行旋转。 scale 方法和 translate 方法相似，都有3个方向…