I am a strong believer in reverse engineering. Follow me and become a reverse engineer together.
mini-react. 手写react、react-dom、react reconciler主流程源码,加深对react源码的理解。包括fiber,合成事件,hooks实现原理,dom diff,reconciliation,scheduler等
683mini-webpack. 手写webpack主流程源码以及webpack常见loader、plugin源码
44mini-tapable. 手撕tapable用法及源码。知识点涉及发布订阅模式,参数的多态性,new Function动态生成函数的方案。如何实现自己的tapable。自实现的mini-tapable和官方tapable执行效率的比较。经试验,mini-tapable执行效率比tapable还高,因此tapable做的优化真的有用吗?
37Front-End-Development-Notes. 前端知识,技术难点,业务难点,个人总结。已迁移到https://github.com/lizuncong/lizuncong.github.io
30monaco-editor-app. 基于monaco editor的在线代码编辑器,具备代码补全、标签自动闭合、主题定制等功能
24lizuncong.github.io. 前端知识,技术难点,业务难点,个人总结。博客网站:https://lizuncong.github.io/
17egg-react-ssr. 这是一个自研的配置透明的react服务端渲染框架。采用egg + mysql + sequelize + react + redux + redux thunk + axios + antd搭建的一个从0到1的框架,并不是利用现有的next.js或者nuxtjs框架。具备代码分割懒加载,CSR/SSR无缝切换,对SPA写法无侵入,首屏SSR减轻服务器压力等优势。基础设施有prettierrc,stylelint,eslint,lint-stage,husky等
9web-monitor. web前端性能监控埋点SDK
9excalidraw-app. Canvas 2D绘图实践教程,SVG渲染方案、Canvas2D渲染方案对比,在线文档:https://lizuncong.github.io/excalidraw-app/
8web-editor. 落地页低代码编辑器
5mini-promise. 手撕源码系列二:一步一步地手撕基于promise A+规范的promise源码
5react-ssr-200305. 使用react,react-router-dom,redux,redux-thunk,express搭建的一个react ssr开发框架
5babel-plugin-react-directives. babel插件,为react添加r-if,r-show指令。使得react能够像vue一样使用r-if,r-show做条件渲染
5react-vite-ts-template. react+vite+typescript+react router + redux项目脚手架模版,集成code lint
5mini-parser. 学习编译原理,实现一款语法解析器
4react-ui. react pc端业务组件库。可以直接访问https://lizuncong.github.io/react-ui/#/home
4react-pc-template. react PC端项目模版,配合create-app-cli使用
4food_delivery_guide. 程序员送外卖指南
3mini-react-redux. 手撸redux、react-redux
3create-app-cli. 创建项目的脚手架工具,功能类似于vue-cli或者create-react-app。初始化项目的模版(类似于vue的webpack模版)在react-pc-template仓库中
3easy-webgl. WebGL 3D绘图基础,实战
2mini-react-router. 手撕源码系列三 react-router简单实现,一步一步手撕单页应用路由的实现原理
2lizuncong.
2koa-server. koa服务
1handlebars. handlebars learning
1react-menu. JavaScript
1webrtc. webrtc学习
1screen-record. 录屏大帝。开源免费,开发中...
1egg-demo. eggjs框架
1mini-webpack-dev-server. 手撕webpack-dev-server源码,webpack-dev-middleware源码,hotModuleReplacementPlugin如何生成补丁文件,hotModuleReplacement.runtime.js模块热更新运行时代码
1pro-gitB. HTML
1pro-gitA. 用于git测试
1scheder-demo. react scheduler分享demo
1skeleton. 前端骨架屏生成插件,自动抓取页面并生成页面骨架屏
1module-federation. webpack5模块联邦demo
1source-code-reading. 用于阅读各类源码的小仓库
1lerna-demo. 学学lerna呀
1github-cicd-demo. 学习github如何搭建cicd教程
1typescript-project. 自此开始typescript的学习和总结啦啦啦啦啦啦啦啦啦啦啦,此仓库作为typescript学习总结之用
1electron-build-tutorial. 本项目用于研究学习使用Electron Forge和Electron Builder对Electron应用打包构建、以及结合Github action做自动化部署、自动更新
1mini-vite. vite源码
1code-lint. 前端工程化
1mfe-remote. webpack5模块联邦特性及源码分析
1front-end-interview-handbook. 🕸 Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore
1mt-miniprogram. 微信小程序版本的mt
1antd-learn. 使用bisheng搭建的仿antd组件库的react 组件库开发框架
1react-pc-mtAdmin. react pc模版创建的管理后台,开发中
1mt-admin. 使用express,mysql,redis,sequelize搭建的node服务
1resource.
1lib-flexible. 可伸缩布局方案
1