Skip to content

动手实践,动手创造常用轮子,学习了解原理

Notifications You must be signed in to change notification settings

icodinglee/wheels

Repository files navigation

What I cannot create, I do not understand -Richard Feynman

wheels

动手实现一些轮子

1. 动手实现JSX渲染器

- dom -> vdom —> dom  √

2. 构造一个简单的React ---Tinyact

- jsx解析 √
- 生命周期 √
- props √ 
- 事件绑定 √
- 样式绑定 √
- ref √
- diff 算法 √

3. 从零实现一个Redux

- Store √
- Provider √
- Connect √
- reducer √
- applyMiddleware √
- middleware(delayMiddleware、loggingMiddleware) √
- 异步dispacth (thunkMiddleware)  √

4.EventEmitter

- 运行在浏览器中,处理事件的订阅和发布
- on 订阅事件  √
- once 订阅事件,并只被触发一次  √
- emit 发布事件  √
- off  解除指定事件订阅  √
- allOff 解除指定事件类型下 所有事件的订阅  √

5.ScrollToTop

- 【返回顶部】运行在移动端和pc, 支持ie7+  √
- 可控制 滚动多少距离时显示返回顶端元素  √
- 可控制 返回顶端速度   √
- 可控制 标记元素淡出速度  √

6.LazyLoad

- 【图片懒加载】运行在移动端和pc, 支持ie8+  √
- 支持防抖,优化性能   √

7.PullToTopFresh

- 【移动端下拉刷新】  √

8.ProgressIndicator

-  【顶部进度条】用于显示当前页面阅读进度  √
-  支持IE7+   √
-  支持WEB及移动端  √
-  支持阅读完毕后执行回调函数

9.Preload

11.waterfall

12.AutoType

13.Pagination

14.Swiper

15.Modal

About

动手实践,动手创造常用轮子,学习了解原理

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published