SlideShare a Scribd company logo
你不了解的 jQuery ?




                 2010-12-06
• 拔赤
 淘宝前端开发工程师
 http://jayli.github.com
http://www.jquery.com
用户眼中的 jQuery
jQuery API


jQuery 用户




jQuery itself
简洁 API 的背后…
jQuery was not built in a day!
“他不是一个人在战斗!”
https://github.com/jquery/jquery

“Putting the code on Github was an
        excellent first step!”

                       ——John Resig
基于Github的代码版本管理




https://github.com/jquery/jquery/network
Module Dev Recycle


新分支      Api 设计 &开发    测试用例




                       提交/合并
发布         补充文档
                      分支 &打包
GPL授权
MIT授权
打包脚本(for unix)
向导说明
打包脚本(for rake)
打包配置(for ant)
打包工具
性能测试目录
jQuery 源码
用例测试目录
当前开发版本号
引入子项目

               合并

               压缩

               语法检查


Build jQuery
jquery.js



依照功能做模块划分
各自开发、互不冲突
完备的测试用例
轻松的兼容性测试?!
Qunit:JavaScript 测试框架?
  https://github.com/jquery/qunit




• Qunit 不是用来发现新bug
• Qunit 是用于回归测试
• Qunit 基于“白盒”
基础方法
                              必须做性能测试




http://www.learningjquery.com/2010/05/now-you-
         see-me-showhide-performance
Qunit & Sizzle: 青出于蓝而胜于蓝



                                      jQuery
https://github.com/jquery/qunit

                              qunit   sizzle   …


https://github.com/jeresig/sizzle
Sizzle项目中,多框架选择器性能测试比较
http://jqueryui.com/
https://github.com/jquery/jquery-ui

• jQueryUI 是 jQuery 的分支项目
• 代码管理上,仅依赖 jQuery的大版本
• 项目管理上,自成体系
jQuery 的子项目的运作和 jQuery 一样规范
       参与开发只需 fork 一下 ^@^
相比API本身,严谨优雅的过程更加重要
优秀的API        项目管理

         开源

jQuery 在这三方面都做到了极致
我们从 jQuery 项目还能学到不少东西
向jquery学习

More Related Content

ODP
Clojure cnclojure-meetup
ODP
Swagger
PPTX
快快樂樂學會 Angular 2 網站開發框架 (Modern Web 2016)
PPTX
Android gradle 从入门到gg 0
PDF
簡單上手Android studio
PPTX
Angular.js & ASP.NET in Study4
PDF
TypeScript-twmvc#16
PPTX
JavaScript 物件導向觀念入門 v.s. TypeScript 開發實戰 (微軟實戰課程日)
Clojure cnclojure-meetup
Swagger
快快樂樂學會 Angular 2 網站開發框架 (Modern Web 2016)
Android gradle 从入门到gg 0
簡單上手Android studio
Angular.js & ASP.NET in Study4
TypeScript-twmvc#16
JavaScript 物件導向觀念入門 v.s. TypeScript 開發實戰 (微軟實戰課程日)

What's hot (19)

PDF
一小時可以打造什麼服務Plus twMVC#18
PDF
AtticTV and NodeJS
PDF
AngularJS training in Luster
PPTX
Android gradle 从入门到gg 2
PDF
测试驱动的前端开发初探
PPTX
A dev ops team's practice in trend micro in agile summit 2018
PPTX
Android gradle 从入门到gg 1
PPTX
Proto actor 串接 Go 與 C# 簡易上手
PPTX
Android gradle 从入门到gg 3
PPTX
react native by letv
PPTX
Angular 2 Taiwan 小聚 Forms 介紹
PDF
Ansible & GitLab CI / CD Workshop 101 ( @Agile Tour Taipei 2017)
PDF
AngularJS 開發 ASP.NET MVC -twMVC#9
PPTX
減少重複的測試程式碼的一些方法
PDF
專案分層架構 twMVC#18
PDF
如何在實務上使用TDD來開發 twmvc#12
PPTX
ModernWeb 2017 angular component
PDF
前端工程師與室內裝修師傅的相似之處-twMVC#16
PDF
Angular js twmvc#17
一小時可以打造什麼服務Plus twMVC#18
AtticTV and NodeJS
AngularJS training in Luster
Android gradle 从入门到gg 2
测试驱动的前端开发初探
A dev ops team's practice in trend micro in agile summit 2018
Android gradle 从入门到gg 1
Proto actor 串接 Go 與 C# 簡易上手
Android gradle 从入门到gg 3
react native by letv
Angular 2 Taiwan 小聚 Forms 介紹
Ansible & GitLab CI / CD Workshop 101 ( @Agile Tour Taipei 2017)
AngularJS 開發 ASP.NET MVC -twMVC#9
減少重複的測試程式碼的一些方法
專案分層架構 twMVC#18
如何在實務上使用TDD來開發 twmvc#12
ModernWeb 2017 angular component
前端工程師與室內裝修師傅的相似之處-twMVC#16
Angular js twmvc#17
Ad

Similar to 向jquery学习 (20)

PPTX
咩星征服計劃 用 Js 征服地球 Part II
PDF
Javascript primer plus
PPTX
Angular 4 網站開發最佳實務 (Modern Web 2017)
PDF
如何與全世界分享你的 Library
PDF
Top100summit automan x之框架介绍 王超
PDF
钱宝坤:多浏览器集成的JavaScript单元测试工具
PPTX
用 Drone 打造 輕量級容器持續交付平台
PDF
Continuous integration
PDF
美团前端架构简介
PDF
twMVC#17 | 使用Angular.js開發大型系統架構
PDF
Azure Container Registry(preview)x Web App On Linux(preview)
PDF
twMVC#51-GitHub Copilot 徹底改變開發模式,探索 AI 驅動的智慧程式碼協作
PDF
twMVC#09 | AngularJS 開發 ASP.NET MVC
PDF
程式人雜誌 -- 2015 年1月號
PPTX
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
PPTX
QCon - 一次 Clojure Web 编程实战
PDF
Continuous Delivery: automated testing, continuous integration and continuous...
KEY
Yiitalk
PPTX
用 Go 語言 打造微服務架構
PPTX
极速 Angular 开发:效能调校技巧 (ngChina 2019)
咩星征服計劃 用 Js 征服地球 Part II
Javascript primer plus
Angular 4 網站開發最佳實務 (Modern Web 2017)
如何與全世界分享你的 Library
Top100summit automan x之框架介绍 王超
钱宝坤:多浏览器集成的JavaScript单元测试工具
用 Drone 打造 輕量級容器持續交付平台
Continuous integration
美团前端架构简介
twMVC#17 | 使用Angular.js開發大型系統架構
Azure Container Registry(preview)x Web App On Linux(preview)
twMVC#51-GitHub Copilot 徹底改變開發模式,探索 AI 驅動的智慧程式碼協作
twMVC#09 | AngularJS 開發 ASP.NET MVC
程式人雜誌 -- 2015 年1月號
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
QCon - 一次 Clojure Web 编程实战
Continuous Delivery: automated testing, continuous integration and continuous...
Yiitalk
用 Go 語言 打造微服務架構
极速 Angular 开发:效能调校技巧 (ngChina 2019)
Ad

More from jay li (20)

PDF
犀牛书第六版
PDF
淘宝移动端Web开发最佳实践
PDF
Jswebapps
PDF
潜力无限的编程语言Javascript
PDF
Responsive Web UI Design
PDF
深入剖析浏览器
PDF
HTML/CSS/JS基础
PDF
淘宝前端技术巡礼
PDF
F2e security
PDF
中国元素在设计中的应用 -如瑟
PDF
卫银霞 -统计数字会撒谎
PDF
编码大全 拔赤
PDF
小控件、大学问
PDF
Mobile UI design and Developer
PDF
Javascript autoload
PDF
Html5form
PDF
Slide
PDF
Js doc toolkit
PDF
新业务新员工培训 Banner设计
PDF
夏之 专题设计
犀牛书第六版
淘宝移动端Web开发最佳实践
Jswebapps
潜力无限的编程语言Javascript
Responsive Web UI Design
深入剖析浏览器
HTML/CSS/JS基础
淘宝前端技术巡礼
F2e security
中国元素在设计中的应用 -如瑟
卫银霞 -统计数字会撒谎
编码大全 拔赤
小控件、大学问
Mobile UI design and Developer
Javascript autoload
Html5form
Slide
Js doc toolkit
新业务新员工培训 Banner设计
夏之 专题设计

向jquery学习