可想造一个属于你自己的jQuery库?
作者:MeCKodo
来源:forchange
- [x] 0.讲解基础框架格式
- [x] 1.初步体验
- [x] 2.新增next,prev,parent,parents
- [x] 3.完善init方法
- [x] 4.新增必备方法each
- [x] 5.新增find,last,eq,get,first,ajax
- [x] 6.完善hasClass和css 方法 新增data和attr方法
- [x] 7.新增html,remove,after,append,before方法
- [x] 8.引入delegate机制
- [x] 9.如何实现on与off
- [x] 10.实现事件委托
- [x] 11.最后一节补充width,height,extend
前言
- 1.给一些很想自己实现一个jQuery或者是对实现jQuery非常好奇的人
- 2.想提升自己js基础的小伙伴
- 3.本教程系列不考虑兼容和性能问题,只考虑如何利用各种巧妙的方法去实现一个一模一样的API
- 4.从dom操作一直到事件机制
on(),off()
,全会逐一实现(事件机制是本人思考后的另类设计,纯原创)
本人一直很想自己造个jQuery的小库,第一是满足下自己,第二是去体验下jQuery内部的基情!
虽然jQuery很多源码看不懂,但是凭借着对jQuery的API实现的效果,我也基本实现了这样一个类库.
由于自己看别人源码的时候经常会想,作者要是能一步一步的告诉我他是怎么写怎么想的就好了 :).
接下来,我会在每一个version里写下我每一步的想法,让你了解到你如何也能自己造一个这样的轮子.
希望我的做法能给你带来许多的启发.(即使我在里面写的代码实在是不值得一提)
另外您的star,是我的最大动力!
TO DO LIST
- [x] 1.css操作
- [x] 2.class 操作
- [x] 3.attr和data 操作
- [x] 4.简单的dom选择
- [x] 5.dom操作
- [x] 6.ajax
- [x] 7.each循环
- [x] 8.after && before 插入
- [x] 9.事件委托
- [x] 10.tap实现(番外篇)
- [x] 11.简单的一些手势(番外篇)