向jquery学习

你不了解的 jQuery ?

2010-12-06

• 拔赤淘宝前端开发工程师

http://jayli.github.com

http://jayli.github.com/

http://www.jquery.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

https://github.com/jquery/jquery

https://github.com/jquery/jquery/network

基于Github的代码版本管理

https://github.com/jquery/jquery/network

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

提交/合并分支 &�打包发布补充文档

Module Dev Recycle

GPL授权

MIT授权

打包脚本(for unix)

打包脚本(for rake)

打包配置(for ant)

向导说明

打包工具

性能测试目录

用例测试目录

当前开发版本号

jQuery 源码

合并

压缩

语法检查

Build jQuery

引入子项目

jquery.js

依照功能做模块划分各自开发、互不冲突

完备的测试用例

轻松的兼容性测试？！

Qunit：JavaScript 测试框架？

• Qunit 不是用来发现新bug

• Qunit 是用于回归测试

• Qunit 基于“白盒”

https://github.com/jquery/qunit


基础方法必须做性能测试

http://www.learningjquery.com/2010/05/now-you-see-me-showhide-performance



Qunit & Sizzle: 青出于蓝而胜于蓝

https://github.com/jeresig/sizzle


jQuery

qunit sizzle …

https://github.com/jeresig/sizzle


Sizzle项目中，多框架选择器性能测试比较

http://jqueryui.com/

http://jqueryui.com/

• jQueryUI 是 jQuery 的分支项目

• 代码管理上，仅依赖 jQuery的大版本

• 项目管理上，自成体系

https://github.com/jquery/jquery-ui

https://github.com/jquery/jquery-ui

参与开发只需 fork 一下 ^@^

jQuery 的子项目的运作和 jQuery 一样规范

相比API本身，严谨优雅的过程更加重要

优秀的API 项目管理

开源

jQuery 在这三方面都做到了极致

我们从 jQuery 项目还能学到不少东西

Technology