Giter Site home page Giter Site logo

jquerysource's Introduction

jQuerySource

决定你走多远的是基础,jQuery 源码分析,向长者膜拜!

关于本源码的博客介绍:标签 jQuery

目录

  • Directory
    • 01-总体架构- 只有弄懂整体架构,后面的学习才好办
    • 02-init 构造器- 介绍 jQuery 的入口函数 init 的构造
    • 03-Sizzle- Sizzle 再 jQuery 中的应用
    • 04-Sizzle-Tokens- 介绍 Sizzle 函数中的词法分析,即 tokensize 函数
    • 05-Sizzle-select- 介绍 Sizzle 中的 select 函数,对词法分析的结果进行处理,生成 seed
    • 06-Sizzle-compile- 介绍 Sizzle 中的 compile 函数,用于生成 superMatcher,并通过 superMatcher,匹配 seed
    • 07-Callbacks- 这里介绍 jQuery 中的回调函数 Callbacks
    • 08-Data- jQuery 中的缓存机制是什么样的,为什么不回造成内存泄漏,一起来见识见识
    • 09-prevObject- 你知道吗,jQuery 内部维护着一个对象栈
    • 10-hooks- jQuery 里的一些原理,你不了解,就会觉得恐惧,当你熟悉了之后,就会发现非常有意思,比如 Hooks
    • 11-event-main- 事件委托算是 jQuery 中被广泛使用一个性能较好的辅助函数,那么,它是一个什么样的架构
    • 12-event-extend- 还是回头去把一些基础扎实一点,才去解读源码吧
    • 13-event-on- 分析一下 event 对象中两个重要的函数,add 和 dispatch
    • 14-event-trigger- jQuery 也提供自定义事件 trigger 和 triggerHandler
    • 15-dom-domManip- 长久以来,jQuery 中 dom 操作就被人喜爱
    • 16-dom-html- 介绍一下 html 和 text 操作
    • 17-css- css 在 jQuery 中的使用频率很高的
    • 18-class- jQuery 中的 class 操作,包括 add,remove,has 和 toggle
    • 19-ajax- jQuery 中的 ajax 方法介绍

我虽然接触 jQuery 很久了,但也只是局限于表面使用的层次,碰到一些问题,找到 jQuery 的解决办法,然后使用。显然,这种做法的弊端就是,无论你怎么学,都只能是个小白。

当我建立这个项目的时候,就表示,我要改变这一切了,做一些人想做,憧憬去做,但从没踏入第一步的事情,学习 jQuery 源码。

到目前为止,jQuery 的贡献者团队共 256 名成员,6000 多条 commits,可想而知,jQuery 是一个多么庞大的项目。jQuery 官方的版本目前是 v3.1.1,已经衍生出 jQueryUI、jQueryMobile 等多个项目。

虽然我在前端爬摸打滚一年多,自认基础不是很好,在没有外界帮助的情况下,直接阅读项目源码太难了,所以在边参考遍实践的过程中写下来这个项目。

首先,先推荐一个 jQuery 的源码查询网站,这个网站给初学者非常大的帮助,不仅能查找不同版本的 jQuery 源码,还能索引函数,功能简直吊炸天。

另外,推荐两个分析 jQuery 的博客:

jQuery源码分析系列

[原创] jQuery1.6.1源码分析系列(停止更新)

这两个博客给我了很大的帮助,谢谢。

另外还有下面的网址,让我在如何使用 jQuery 上得心应手:

jQuery API 中文文档

jquerysource's People

Contributors

songjinzhong avatar zhu-ting avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.