2017年07月_ 九

转载前端基础进阶（十）：深入核心，详解事件循环机制

Event LoopJavaScript的学习零散而庞杂，因此很多时候我们学到了一些东西，但是却没办法感受到自己的进步，甚至过了不久，就把学到的东西给忘了。为了解决自己的这个困扰，在学习的过程中，我一直试图在寻找一条核心的线索，只要我根据这条线索，我就能够一点一点的进步。前端基础进阶正是围绕这条线索慢慢展开，而事件循环机制(Event Loop)，则是这条线索的最关键的知识点。所以，我

2017-07-23 17:22:34 771

转载前端基础进阶（九）：图例详解那道setTimeout与循环闭包的经典面试题

配图与本文无关我在详细图解作用域链与闭包一文中的结尾留下了一个关于setTimeout与循环闭包的思考题。利用闭包，修改下面的代码，让循环输出的结果依次为1， 2， 3， 4， 5for (var i=1; i5; i++) { setTimeout( function timer() { console.log(i); }, i*1000 )

2017-07-23 17:21:09 786

转载前端基础进阶（八）：详细图解jQuery对象，以及如何扩展jQuery插件

配图与本文无关早几年学习前端，大家都非常热衷于研究jQuery源码。我还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹，“原来JavaScript居然可以这样用！”虽然随着前端的发展，另外几种前端框架的崛起，jQuery慢慢变得不再是必须。因此大家对于jQuery的热情低了很多。但是许多从jQuery中学到的技巧用在实际开发中仍然非常好用。简单的了解它也

2017-07-23 17:19:00 816

转载前端基础进阶（七）：详解面向对象、构造函数、原型与原型链

.如果要我总结一下学习前端以来我遇到了哪些瓶颈，那么面向对象一定是第一个毫不犹豫想到的。尽管我现在对于面向对象有了一些的了解，但是当初的那种似懂非懂的痛苦，依然历历在目。为了帮助大家能够更加直观的学习和了解面向对象，我会用尽量简单易懂的描述来展示面向对象的相关知识。并且也准备了一些实用的例子帮助大家更加快速的掌握面向对象的真谛。jQuery的面向对象实现封装拖拽

2017-07-23 17:17:15 562

转载前端基础进阶（六）：函数与函数式编程

函数：菜鸟收割者纵观JavaScript中所有必须需要掌握的重点知识中，函数是我们在初学的时候最容易忽视的一个知识点。在学习的过程中，可能会有很多人、很多文章告诉你面向对象很重要，原型很重要，可是却很少有人告诉你，面向对象中所有的重点难点，几乎都与函数息息相关。包括我之前几篇文章介绍的执行上下文，变量对象，闭包，this等，都是围绕函数来展开。我知道很多人在学习中，很急切的希望自己

2017-07-23 17:15:44 417

转载前端基础进阶（五）：全方位解读this

~我们在学习JavaScript的过程中，由于对一些概念理解得不是很清楚，但是又想要通过一些方式把它记下来，于是就很容易草率的给这些概念定下一些方便自己记忆的有偏差的结论。危害比较大的是，有的不准确的结论在网上还广为流传。比如对于this指向的理解中，有这样一种说法：谁调用它，this就指向谁。在我刚开始学习this的时候，我是非常相信这句话的。因为在一些情况下，这样理解也还算说得

2017-07-23 14:31:42 406

转载前端基础进阶（四）：详细图解作用域链与闭包

攻克闭包难题初学JavaScript的时候，我在学习闭包上，走了很多弯路。而这次重新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个非常大的挑战。闭包有多重要？如果你是初入前端的朋友，我没有办法直观的告诉你闭包在实际开发中的无处不在，但是我可以告诉你，前端面试，必问闭包。面试官们常常用对闭包的了解程度来判定面试者的基础水平，保守估计，10个前端面试者，至少5个都死在闭包上。可

2017-07-23 14:30:25 407

转载前端基础进阶（三）：变量对象详解

开年之后工作热情一直不是很高，这几天一直处于消极怠工状态。早上不想起床，起床了不想上班。明明放假之前工作热情还一直很高，一直心心念念的想把小程序项目怼出来，结果休假回来之后画风完全不一样了。我感觉自己得了严重了节后综合征。还好撸了几篇文章，勉强表示这一周的时间没有完全浪费。这篇文章要给大家介绍的是变量对象。在JavaScript中，我们肯定不可避免的需要声明变量和函数，可是JS解析器是如何找到

2017-07-23 14:28:41 276

转载前端基础进阶（二）：执行上下文详细图解

先随便放张图我们在JS学习初期或者面试的时候常常会遇到考核变量提升的思考题。比如先来一个简单一点的。console.log(a); // 这里会打印出什么？var a = 20;暂时先不管这个例子，我们先引入一个JavaScript中最基础，但同时也是最重要的一个概念执行上下文（Execution Context）。每次当控制器转到可执行代码的时候，就会进入一个执行上

2017-07-23 14:27:44 320

转载前端基础进阶（一）：内存空间详细图解

变量对象与堆内存var a = 20;var b = 'abc';var c = true;var d = { m: 20 }因为JavaScript具有自动垃圾回收机制，所以对于前端开发来说，内存空间并不是一个经常被提及的概念，很容易被大家忽视。特别是很多不是计算机专业的朋友在进入到前端之后，会对内存空间的认知比较模糊，甚至有些人干脆就是一无所知。当然也包括我自己。在很长一

2017-07-23 14:26:01 311

小九的博客