(O)编写可维护的代码示例（原创）
摘要：图片轮播： 电梯： 放大镜：
阅读全文
posted @ 2017-04-30 14:39
04 2017 档案
(O)JS：执行环境、变量对象、活动对象和作用域链（原创）
摘要：·执行环境（execution context），也称为环境、执行上下文、上下文环境、执行上下文环境: 每次当控制器转到ECMAScript可执行代码的时候，即会进入到一个执行上下文。执行上下文(简称-EC)是ECMA-262标准里的一个抽象概念，用于同可执行代码(executable code,分
阅读全文
posted @ 2017-04-18 01:18
(O)JS高阶函数应用——函数节流
摘要：在一些函数需被频繁调用的场景，如：window.onresize、mousemove、scroll滚动事件、上传进度等等，操作频繁导致性能消耗过高，而造成浏览器卡顿现象，我们可以通过函数节流的方式解决此问题。 比如我们在window.onresize事件中打印当前浏览器窗口的大小，而拉拽窗口的时候，
阅读全文
posted @ 2017-04-16 19:16
(O)js核心：this
摘要：什么是this this是js中的一个关键词，它总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。 当函数被调用时，this被添加到作用域中，例如： add的作用域链如下图所示，我们可以看到作用域链中的两个this(一个全局作用域中的this和add
阅读全文
posted @ 2017-04-12 23:00
(O)js核心：作用域链
摘要：作用域 在一个函数被调用的时候，函数的作用域才会存在。此时，在函数还没有开始执行的时候，开始创建函数的作用域： 函数作用域的创建步骤： 1.函数形参的声明。 2.函数变量的声明。 3.普通变量的声明。 4.函数内部的this指针赋值。（PS: 在一个函数中，this总是指向当前函数的所有者对象， t
阅读全文
posted @ 2017-04-12 20:55
前端工程化汇总
摘要：随着前段项目的日益复杂，前段有必要进行工程化。前段工程化主要包括4个方面：模块化、组件化、规范化和自动化。 一、模块化 背景：浏览器本身并不提供模块管理的机制，为了调用各个模块，有时不得不在网页中，加入一大堆script标签。这样就使得网页体积臃肿，难以维护，还产生大量的HTTP请求，拖慢显示速度，
阅读全文
posted @ 2017-04-11 01:03
