zhuangweizhan/codeShare

源码分享

前端手写源码汇总

本目录对应个人掘金博客，框架在博客中有对应的讲解以及说明。欢迎查询：

https://juejin.im/user/5e8fddc9e51d4546be39a558/posts

以下均为个人汇总，本人也是在线奋斗小青年，如有不对的地方，欢迎博客上留言指点。

喜欢请star。

(1) zVue（简版vue源码）

​ 基于vue2.0，模仿vue的解析过程，实现mvvn架构。根据Object.defineProperty模拟包括observer双向绑定，compile解析，watch监听。详情请进入看案例源码。

​ 基于vue3.0，跟2.0不同的是，采用了proxy实现双向绑定。

博客链接： https://juejin.im/post/5f0326786fb9a07e976bd945

(2) zReact（简版react源码）

模拟react思维，描述 react 跟  reactDom的执行过程，如何render到dom中，react的组件化是如何实现的。

博客链接： https://juejin.im/post/5f154c5f6fb9a07ec07b536b

(3) zWebpack（简版webpack源码）

​ 模拟webpack的打包过程，webpack是如何编译的，怎么输出到js中，webpack生命周期的模拟，以及loader跟plugins如何实现的

博客链接： https://juejin.im/post/5f1793716fb9a07e8b215a62

(4) zQuery（简版jquery源码）

​ 实现jquery链式 ，实现html, css, attr等dom操作 ，简版ajax请求。详情请进入看案例源码。

博客链接： https://juejin.im/post/5f1e3897e51d453495702fc4

(5) zVuex（简版vuex源码）

​ 基于vue，手写Vuex实现整过程。

博客链接： https://juejin.im/post/6855295553794736142

(6) zVueRouter（简版vue-router源码）

​ 基于vue，手写Vue-router实现整过程。

博客链接： https://juejin.im/post/6859565866552393741

(7) zDiff（简版diff算法源码）

​ 模拟diff实现过程

博客链接： https://juejin.im/post/6868818012401565709

(8) zPromise（简版promise源码）

​ 模拟promise/A+的过程

博客链接： https://juejin.im/post/6869202482644385806

(9) 原生js源码（模拟js的实现）

​ 后续持续更新

(10) zRedux（简版reactRedux源码）

​ 后续持续更新

(11) zKoa2（简版koa2代码源码）

​ 后续持续更新