前端進階（十）：封裝拖曳對象

前面幾篇文章，我跟大家分享了JavaScript的一些基礎知識，這篇文章，將會進入第一個實戰環節：利用前面幾章的所涉及到的知識，封裝一個拖曳物件。為了能夠幫助大家了解更多的方式與進行對比，我會使用三種...

前端進階（八）：深入函數的柯里化

柯里化是函數的一個比較高階的應用，要理解它並不簡單。因此我一直在思考應該如何更加表達才能讓大家理解起來更容易。想了很久，決定先拋開柯里化這個概念不管，補充兩個重要、但是容易被忽略的知識點。 一、補充知...

前端進階（七）：函數與函數式編程

在綜觀JavaScript中所有必須掌握的重點知識中，函數是我們在初學的時候最容易忽略的一個知識點。在學習的過程中，可能會有很多人、很多文章告訴你物件導向很重要，原型很重要，可是卻很少有人告訴你，物件...

前端進階（六）：觀察函數呼叫堆疊、作用域鏈與閉包

在前端開發中，有一個非常重要的技能，叫做斷點調試。 在chrome的開發者工具中，透過斷點調試，我們能夠非常方便的一步一步的觀察JavaScript的執行過程，直觀感知函數調用棧，作用域鏈，變量對象，...

前端進階五：全方位解讀this

我們在學習JavaScript的過程中，由於對某些概念理解得不是很清楚，但是又想要透過一些方式把它記下來，於是就很容易草率的給這些概念定下一些方便自己記憶的有偏差的結論。 危害比較大的是，有的不準確的...

前端進階（四）：詳細圖解作用域鏈與閉包

初學JavaScript的時候，我在學習閉包上，走了很多彎路。而這次重新回過頭來對基礎知識進​​行梳理，要講清楚閉包，也是一個非常大的挑戰。 閉包有多重要？如果你是初入前端的朋友，我沒有辦法直觀的告訴...

前端進階（三）：變數物件詳解

開年之後工作熱情一直不是很高，這幾天一直處於消極怠工狀態。早上不想起床，起床了不想上班。明明放假前工作熱情還一直很高，一直心心念念的想把小程式項目懟出來，結果休假回來之後畫風完全不一樣了。我感覺自己得...

前端進階（二）：執行情境圖解

我們在JS學習初期或是面試的時候常常會遇到考核變數提升的思考題。比如先來一個簡單一點的。 暫時先不管這個例子，我們先引入一個JavaScript中最基礎，但同時也是最重要的一個概念執行上下文（Exec...

前端進階（一）：記憶體空間圖解

因為JavaScript有自動垃圾回收機制，所以對前端開發來說，記憶體空間並不是常被提及的概念，很容易被大家忽略。特別是很多不是電腦專業的朋友在進入到前端之後，會對記憶體空間的認知比較模糊，甚至有些人...