加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

克隆/下载

DIY.md 4.80 KB

<h1 align="center">自己动手系列</h1>

Do it yourself!!!

只有动手，你才能真的理解作者的构思的巧妙

只有动手，你才能真正掌握一门技术

持续更新中……

## 目录

- [目录](#目录)
- [源码系列](#源码系列)
- [实战](#实战)
- [开源项目](#开源项目)

## 源码系列

- [跟 underscore 一起学如何写函数库](https://juejin.im/post/5c7e9680e51d451581086bc4)
- [「中高级前端面试」JavaScript 手写代码无敌秘籍](https://juejin.im/post/5c9c3989e51d454e3a3902b6)
- [如何用不到 200 行代码写一款属于自己的 js 类库](https://juejin.im/post/5d1e26a2e51d45595319e3a9)

## 实战

- [手把手教你使用 nodejs 编写 cli(命令行)](https://juejin.im/post/5bd90d3ce51d4579362b0390)
- [手摸手，带你用 vue 撸后台 系列五(v4.0 新版本)](https://juejin.im/post/5c92ff94f265da6128275a85)
- [从零开始编写一个 React 框架 【彻底了解 React 的设计思想】](https://segmentfault.com/a/1190000020034137#articleHeader0)
- [9102 年：手写一个 React 脚手架 【优化极致版】](https://segmentfault.com/a/1190000019126657)
- [9102 年：手写一个 Vue 的脚手架 【极致优化版】](https://segmentfault.com/a/1190000019207033)
- [教你从零开始搭建一款前端脚手架工具](https://segmentfault.com/a/1190000006190814)
- [面试官：自己搭建过vue开发环境吗？](https://juejin.im/post/5cc55c336fb9a032086dd701)
- [【中高级前端必备】手摸手教你撸一个脚手架](https://juejin.im/post/5d37d982e51d45108c59a635)
- [从零实现 Vue 的组件库](https://juejin.im/post/5c0b8ece5188254f9e2809fe)
- 从零到一，撸一个在线斗地主
  - [从零到一，撸一个在线斗地主上篇](http://www.alloyteam.com/2019/07/13829/)
  - [从零到一，撸一个在线斗地主下篇](http://www.alloyteam.com/2019/07/13834/)
- [用纯 JavaScript 撸一个 MVC 程序](https://segmentfault.com/a/1190000020007033)
- [一步步教你用 WebVR 实现虚拟现实游戏](https://segmentfault.com/a/1190000019135847)
- [轻松 10 步用 es6 写出俄罗斯方块](https://segmentfault.com/a/1190000008181905)
- 从零开始打造 Mock 平台
  - [从零开始打造 Mock 平台 - 核心篇](https://juejin.im/post/5a746514f265da4e8e7835bd)
  - [从零开始打造 Mock 平台 - 功能模块篇](https://juejin.im/post/5a7a8f195188257a6a78b457)
- [从 0 到 1 搭建和部署个人博客](https://juejin.im/post/5ae170e1f265da0b7527d0dc)
- [如何从零开始定义一个类似 websocket 的即时通讯协议](https://segmentfault.com/a/1190000019560096)
- [从 0 到 1 搭建和部署个人博客](https://juejin.im/post/5ae170e1f265da0b7527d0dc)
- [一行代码实现一个简单的模板字符串替换](https://github.com/jawil/blog/issues/32)
- [DIY 一个前端监控平台（上）](https://juejin.im/post/5c8cd7bd5188257ed47b22fe)
- [一步一步搭建前端监控系统：如何记录用户行为？](https://juejin.im/post/5d44ec1cf265da039a2869c0)
- [【数据可视化之采集】如何设计一个前端监控系统](https://juejin.im/entry/58834ecb1b69e60058d8f73a)
- [7 天打造前端性能监控系统](http://fex.baidu.com/blog/2014/05/build-performance-monitor-in-7-days/)
- [zanePerfor 一款完整、高性能、高可用的前端性能监控和统计平台](https://github.com/wangweianger/zanePerfor)
- [Node+Koa2+Mysql 搭建简易博客](http://www.wclimb.site/2017/07/12/Node-Koa2-Mysql-%E6%90%AD%E5%BB%BA%E7%AE%80%E6%98%93%E5%8D%9A%E5%AE%A2/)
- [从零开始实现一套 pc 端 vue 的 ui 组件库](https://segmentfault.com/a/1190000020193444)
- [【手把手】15 分钟搭一个企业级脚手架](https://juejin.im/post/5d650613f265da03951a0364)
- [Build Yourself a Redux](https://zapier.com/engineering/how-to-build-redux/)
- [重磅!带你从零实现一个 axios 网络请求框架](https://segmentfault.com/a/1190000020601672)
- [[技术翻译]9 个可以让你在 2020 年成为前端专家的项目](https://juejin.im/post/5db71290f265da4d1c6999a0)
- [vue 小实现](https://juejin.im/post/5a4df4965188252a3d386ae6)
- [读懂源码：一步一步实现一个 Vue](https://www.cnblogs.com/kidney/p/8018226.html)
- [各种源码实现，你想要的这里都有](https://juejin.im/post/5dc3894051882517a652dbd7)

## 开源项目

- https://github.com/justjavac/Programming-Alpha-To-Omega

* [俄罗斯方块](https://github.com/timmyLan/tetris)
* [手写的 Node.js 静态资源服务器](https://segmentfault.com/a/1190000019936510)
* [MVW-demos](https://github.com/livoras/MVW-demos)
* [前端开发常用工具](https://github.com/yimogit/metools-plugin)
* [DIY 前端路由](https://github.com/biaochenxuying/route)(原生 js 实现的轻量级路由，且页面跳转间有缓存功能)
* [自己动手实现 mvvm](https://github.com/DMQ/mvvm)
* [easy-team](https://github.com/easy-team)(完整的前端脚手架示例)

一键复制编辑原始数据按行查看历史

提交于 2020-07-26 13:14 . hybrid

自己动手系列

Do it yourself!!!

只有动手，你才能真的理解作者的构思的巧妙

只有动手，你才能真正掌握一门技术

持续更新中……

目录

目录
源码系列
实战
开源项目

源码系列

实战

开源项目

https://github.com/justjavac/Programming-Alpha-To-Omega

俄罗斯方块
手写的 Node.js 静态资源服务器
MVW-demos
前端开发常用工具
DIY 前端路由(原生 js 实现的轻量级路由，且页面跳转间有缓存功能)
自己动手实现 mvvm
easy-team(完整的前端脚手架示例)

1

https://gitee.com/ceshi123ceshi/js-paradise.git

git@gitee.com:ceshi123ceshi/js-paradise.git

ceshi123ceshi

js-paradise

js-paradise

master