代碼庫：我們一直在使用它們。代碼庫是開發者把他們會在項目中使用到的代碼打包起來形成的，這總能節省時間和避免重復造輪子。擁有一個可重復使用的包，不管是開源的還是閉源的，總比重復構建一樣特性的包或者...

當 let（以及具備了和 let 相似聲明行為的 const 和 class）等聲明方式在 ES2015 中被引入后，許多的開發者包括我都使用了變量提升的定義來描述變量是如何被訪問的。但經過對這...

在 ECMAScript 2015 之前，JavaScript 里的對象字面量（也叫對象初始化器）功能很弱。它只能定義兩種屬性：普通鍵/值對 { name1: value }Getters { ...

對于 JavaScript 語言來講，入門者甚至是專家都會經常搞不清 slice 和 splice 這兩個方法。它們雖然名稱相似，但是功能卻完全不同。在使用中，可以通過選擇一個具有強語義表達性的...

我們是否應該盡快升級到 Angular 2，還是說 Angular 1 將仍然能和其他引人矚目的框架或者庫如 React 一起向前邁進？我們接下來聊聊這個話題。

如果你仍然在用 ES5 (同樣也可以稱之為 ECMAScript 5)寫JavaScript代碼，并且希望能夠用ES6 (ES2015)編寫代碼，但是卻又有點擔心寫不好。那么我們詳細介紹幾種較為...

盡管 promises 確有幫助，但它比普通的回調復雜多了。使用回調，你只需要傳遞一個函數，也許在其中又插入了另一個函數。但使用 Promise 的話，函數更多了。Promise 鏈可能會很讓人...

一直以來，JavaScript 都并沒有多線程的能力，而單線程在讓開發者方便的同時，也使它一直不能處理計算量復雜的場景，唯一方法就是讓服務端去做。幸運的是，隨著 Web Worker 的普及，我...

交互動畫的一個主要目標是創建出流暢的用戶體驗，其中大多數的用戶交互都是通過鼠標和觸摸屏實現的。在這篇博文中，我想分享一些JS對于物體移動的常見用法，包括拖拽和投擲效果。

緩動和彈動都是那對象從已有位置移動到目標位置的方法。但是緩動是指物體滑動到目標點就停下來；而彈動是指物體來回反彈一段時間后，最終停在目標點的運動。彈動，大多數時候，物體的加速度與它到目標點的距離是成比例的。

最普通的動畫就是勻速的動畫，每次增加固定的值。但是生活中很多運動并不是勻速運動的，而是有加速度改變的運動。在Web動畫中，緩動動畫有時候會讓網站增色不少。

編寫動畫循環的關鍵，是要知道延遲時間多長合適。一方面，循環時間必須足夠短，這樣才能保證動畫效果更平滑流暢；另一方面，循環還要足夠長，這樣才 能保證瀏覽器有能力渲染產生的變化。大多數顯示器的刷新頻...

ECMA Script5中數組方法如indexOf()、forEach()、map()、filter()、some()并不支持IE6～8，但是國內依然有一 大部分用戶使用IE6～8，而以上數組方...

6月21日晚，古哥給咱們科普頁面渲染機制、JS的一些性能優化和MV*架構，收益匪淺。在培訓現場，古哥請船長當場用原生JS實現點擊盒子隨機變 色。船長的編程思路讓人腦洞有點大開，Get到不少干貨。...

screenX: 鼠標位置相對于用戶屏幕水平偏移量，參照點也就是原點是屏幕的左上角；PageX:鼠標在頁面上的位置,從頁面左上角開始,即是以頁面為參考點,不隨滑動條移動而變化；clientX:鼠...

瀑布流實現其實已經不是什么新鮮的玩意了，國內外多個展示性網站如花瓣網、百度圖片等 都早已采用了瀑布流的頁面布局方式。瀑布流布局巧妙地重排元素并填補了容器的所有空間，適合小數據塊，每個數據塊內容相近且沒有側重。

在某一個游戲公司的筆試中，最后一道大題是，“用CSS3實現根據動態顯示時間和環形進度【效果如下圖所示】，且每個圓環的顏色不一樣，不需要考慮 IE6~8的兼容性”。當時第一想法是用SVG，因為SV...

實現原理很簡單，就是循環文章模塊，并抽取其中的h2、h3標簽，將其中的內容賦予給新建的title樹。我的博客使用的是客戶端生成title樹的方法。

研究滾輪事件是因為在做一個翻版的fullpage.js，需要通過監聽滾輪事件進行翻頁。在實現過程中遇到了一些兼容性問題處理。所以順便封裝了個方法wheel(upFn, downFn)，方便日后調用。

其實Web動畫的實現原理跟早期的運動影片很類似，都是通過將一張張的賽璐珞片以較快速度播放，從而模擬出連貫的物體運動。而這一張張的賽璐珞片就類似于投影運動媒體的幀的概念，而幾乎所有投影運動媒體都是通過幀來實現的。