jQuery2.1.1源码分析一

用了2周&＃xff0c;把jquery2.1.1版本的源码读了一遍&＃xff0c;像得了感冒&＃xff0c;头疼、恶心、没精神。。。

涉及Javascript基本知识点&＃xff1a;

      工厂模式、闭包、正则表达式、引用类型&＃xff08;function、regExp、string、array&＃xff09;、块级作用域、

      DOM API、原型、数据基本类型、操作符&＃xff08;尤其布尔操作符&＃xff09;、函数&＃xff08;尤其是重载&＃xff09;

     边看源码边读Javascript高级程序设计&＃xff0c;发现自己的基础又忘记差不多了。。

涉及标准或设计模式&＃xff1a;

    Promise/A、HTML4.01 HTML5、Selectors API Level 1、Selectors Level3

涉及开源项目&＃xff1a;

    Sizzle Javascript Selector Library

涉及模块化编程

    CommonJs、AMD、CMD

整体上来看&＃xff0c;外层为一个自调用匿名函数(function(xx,xx){...}(xx,xx))&＃xff1b;内层为工厂模式&＃xff0c;而jQuery多个模块也使用了工厂模式进行封装

关于jQuery模块&＃xff0c;主要包括以下几个模块

      核心&＃xff08;init、extend&＃xff09;、Data、Callbacks、Deferred、Ajax、事件、Animation、Sizzle

jQuery充分利用了Javascript松散的语言特性。例如&＃xff0c;Callbacks模块中&＃xff0c;stack &＃61; !option.once && []&＃xff0c;这个stack可能是布尔值或数组&＃xff0c;

在fire方法中&＃xff0c;根据其数据类型不同&＃xff0c;进行不同的操作。

但是&＃xff0c;各位大神所说的精妙只在读个别代码时&＃xff0c;有所感觉。

总体来说&＃xff0c;对jquery源码理解还不够深入&＃xff0c;对各位大神说的抽象思维真真是没做到。

接下来&＃xff0c;根据jquery书籍和网上资料&＃xff0c;不断的去细读、精读源码&＃xff0c;达到第一个小目标。

第二遍感受

js基础知识运用灵活&＃xff0c;小技巧特别多&＃xff1b;

浏览器兼容性问题&＃xff0c;集中解决&＃xff0c;只是在某些模块零散分布&＃xff1b;

抽象思维非常强&＃xff0c;逻辑严谨&＃xff0c;少量代码&＃xff0c;实现大量功能&＃xff1b;

目前使用jQuery解决业务的水平&＃xff0c;处于及格水平&＃xff0c;看了源码&＃xff0c;认为jQuery提供了很多其他的更高级、更优雅得解决业务问题的思路和方法&＃xff1b;

梳理了知识结构&＃xff0c;扩充技术知识面&＃xff08;正则表达式、ES5API、XSS&＃xff09;&＃xff0c;深入底层技术&＃xff1b;

jquery源码分析笔记和示例地址https://github.com/respectable2007/jquery-source-code-explanation