Skip to content

Latest commit

 

History

History
95 lines (36 loc) · 2.2 KB

README.md

File metadata and controls

95 lines (36 loc) · 2.2 KB

前端手写源码汇总

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

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代码源码)

​ 后续持续更新