一、學完jquery源碼和原理分析能達到前端的什么水平

個人認為前端技術主要以js和css為兩大核心，而jquery又是在js的基礎上封裝的前端框架類庫，如果能夠逐行的研讀Jquery的底層源碼并且能夠不惡心的完全看下來的話，說明自己的前端水平已經在中上等的水平，已經打好了扎實的基礎，以后完全可以慢慢的進階到前端架構師的水平，因為很多中下等的前端程序員看jquery源碼根本讀不下去的，基本上屬于大致看不懂的狀態，因此，理解這塊的底層源代碼是我們與其他的程序而拉開差距的關鍵一步。

如果想要再進一步提升技術的話，就需要模仿jquery的實現原理，手寫一個低級別的jquery的類庫或者是其他的類庫，這樣能夠對自己的源碼閱讀水平做一個整理和完善。

說實話如果完全閱讀了jquery的源碼，其實依然達不到前端架構師級別的水平，因為架構師的設計不只是要設計代碼，更重要的是整個系統的設計原理和模塊設計以及頂層抽象層的設計，這都是比較抽象的設計思想，其實我們在看jquery源碼的時候，一定要了解它的這種設計思想，這種思想才是整個jquery源碼的精髓所在，打下了這種看源碼的基礎，你在看主流的其它前端三大框架也會得心應手和手到擒來的。

二、jquery原理架構解析與源碼閱讀方法

jquery由最初的9000行代碼的版本到現在已經迭代到上萬甚至幾萬行代碼，因此，雖然不如后端框架源碼的動輒就幾萬行代碼那么多，但是你想理清jquery的源碼也是非常困難的，因此我們有必要了解它的整體架構和模塊，然后按模塊化的方式去閱讀它的源碼會更合適。

小編認為jquery的模塊劃分是可以分為：jquery的初始化、Dom操作、鏈式調用、選擇器應用、閉包結構等這幾大核心模塊，我們在閱讀其源碼的時候，千萬不要追求每一行代碼都要讀懂讀通，也不要按照面向過程的那種方式去思考，第一遍看源碼一定要只看個大概，了解核心思想和實現思路，第二遍再回來逐行分析每一行的代碼。

還需要注意一點的是，有的時候jquery的代碼比較復雜，有些方法實現起來也是比較的繁瑣，不容易看懂，因為它會考慮到很多的兼容性的情況，因此代碼復雜度上升了一個量級，還總有些重載的方法也是比較難看懂的，因此大家在看代碼的時候一定要著重注意大量的方法重載。

擴展閱讀：

仿照jquery封裝一個自己的js庫

jquery 封裝插件

jQuery內部原理和實現方式淺析

jQuery源碼分析系列 中文PDF版

三、逐行分析jquery源碼視頻教程課程信息

1、課程大小：1.72GB

2、課程課時：共計13課時

3、播放格式：（mp4視頻格式）百度云網盤在線播放、下載視頻播放器播放、不加密

4、技術架構：javascript+jquery

5、課件說明：教程課程涵蓋素材、代碼、筆記資料

以下是jquery原理源碼視頻教程所涉及的具體課程大綱

1）jquery底層目錄結構和整體架構解析

2）無new的方式初始化jquery實例對象

3）共享原型的底層設計思想

4）Extend拓展技術的源碼分析

5）核心的函數應用于底層原理

6）常用的核心選擇器底層接口源碼剖析

7）函數隊列與回調函數實踐與原理剖析

8）異步任務與延時器

9）jquery中的延時對象底層原理

10）延時狀態與源碼分析

11）事件委托原理分析

12）事件綁定源碼分析

13）jquery事件綁定與事件運行源碼分析

14）jquery事件的設計模式

15）事件自定義的設計實踐與底層原理

16）手寫與模擬jquery的事件

17）Dom處理操作原理

18）正則表達式的高級進階提升

19）樣式操作addClass的底層源碼剖析

20）Jquery的動畫隊列底層設計

21）動畫特效動畫實現源碼與原理分析

22）設計模式與設計模型的直播答疑

23）jquery的函數式編程課程答疑

圖一：jquery源碼分析視頻教程詳情

圖二：jquery源碼課程附帶的資料代碼詳情

擴展閱讀：

jquery 擴展方法，自定義函數等一些寫法

Ajax原理一篇就夠了

目前有能取代jquery的嗎？

jQuery源碼分析系列

深入淺出jQuery源碼淺析–整體架構