lock-and-key / wheels

如果你不知道想造什么轮子，或者想造轮子，却不知道怎么做，来啊，一起造起来呀。

来啊，一起造轮子呀

如果你不知道想造什么轮子，或者想造轮子，却不知道怎么做，来啊，一起造起来呀。

轮子

所有轮子原生 JavaScript 实现，不使用 npm，不使用构建工具，不使用预处理器，甚至都不用 ES6 (这是出于兼容性考虑)，代码量最高不超过 600 行。

疑问

####1.为啥要做轮子？####

答：甘心一直用 API ?

####2.如何保证你造得轮子的质量？####

答：大多数轮子都有参考 Github 上高 star 量的轮子

####3.那为啥不直接看高 star 量的轮子嘞？####

提供链接，欢迎阅读~

列表

1.EventEmitter

难度：⭐️

介绍：一个简单的 EventEmitter，可在浏览器中使用，帮助你实现事件的订阅和发布。

地址：https://github.com/mqyqingfeng/EventEmitter

备注：首要阅读，负责所有组件的事件系统。

参考：EventEmitter.js

2.回到顶部

难度：⭐️

介绍：原生 JavaScript 实现的回到顶部库，适应 PC 和移动，兼容到 IE7+。

地址：https://github.com/mqyqingfeng/ScrollToTop

Demo：https://mqyqingfeng.github.io/ScrollToTop/

预览：

3.进度条

难度：⭐️

介绍：仿阮一峰老师的《ECMAScript 6 入门》的顶部进度条。

地址：https://github.com/mqyqingfeng/progress-indicator

Demo：https://mqyqingfeng.github.io/progress-indicator/

预览：

4.滚动时固定顶部

难度：⭐️

介绍：原生 JavaScript 实现的固定在顶部效果，兼容到 IE7+。

地址：https://github.com/mqyqingfeng/Sticky

Demo：https://mqyqingfeng.github.io/Sticky/

预览：

5.懒加载

难度：⭐️

介绍：原生 JavaScript 懒加载库，兼容到 IE8+。

地址：https://github.com/mqyqingfeng/LazyLoad

Demo：https://mqyqingfeng.github.io/LazyLoad/

预览：

参考：Echo.js

6.预加载

难度：⭐️

介绍：原生 JavaScript 实现的预加载库，兼容到 IE7+。

地址：https://github.com/mqyqingfeng/Preload

Demo：https://mqyqingfeng.github.io/Preload/

预览：

7.下拉刷新

难度：⭐️⭐️

介绍：移动端下拉刷新库，原生 JavaScript 实现。

地址：https://github.com/mqyqingfeng/pulltorefresh

Demo：https://mqyqingfeng.github.io/pulltorefresh/

预览：

参考：pulltorefresh.js

使用方法

打开地址，拷贝 clone 地址， git clone 到本地后，打开 docs/index.html 即可

说明

如果有对实现方式的疑问或者发现错误，可以在相应库的 issues 进行提问或勘误。

如果对你有所帮助，欢迎 star，对作者也是一种鼓励。

更多轮子

1. 上拉加载
2. 打字效果
3. 瀑布流
4. 移动端手势库
5. 拖动
6. 自适应的输入框