GuangZhou

lizuncong

Elite
@lizuncong

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等

683

mini-webpack. 手写webpack主流程源码以及webpack常见loader、plugin源码

44

mini-tapable. 手撕tapable用法及源码。知识点涉及发布订阅模式,参数的多态性,new Function动态生成函数的方案。如何实现自己的tapable。自实现的mini-tapable和官方tapable执行效率的比较。经试验,mini-tapable执行效率比tapable还高,因此tapable做的优化真的有用吗?

37

Front-End-Development-Notes. 前端知识,技术难点,业务难点,个人总结。已迁移到https://github.com/lizuncong/lizuncong.github.io

30

monaco-editor-app. 基于monaco editor的在线代码编辑器,具备代码补全、标签自动闭合、主题定制等功能

24

lizuncong.github.io. 前端知识,技术难点,业务难点,个人总结。博客网站:https://lizuncong.github.io/

17

egg-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等

9

web-monitor. web前端性能监控埋点SDK

9

excalidraw-app. Canvas 2D绘图实践教程,SVG渲染方案、Canvas2D渲染方案对比,在线文档:https://lizuncong.github.io/excalidraw-app/

8

web-editor. 落地页低代码编辑器

5

mini-promise. 手撕源码系列二:一步一步地手撕基于promise A+规范的promise源码

5

react-ssr-200305. 使用react,react-router-dom,redux,redux-thunk,express搭建的一个react ssr开发框架

5

babel-plugin-react-directives. babel插件,为react添加r-if,r-show指令。使得react能够像vue一样使用r-if,r-show做条件渲染

5

react-vite-ts-template. react+vite+typescript+react router + redux项目脚手架模版,集成code lint

5

mini-parser. 学习编译原理,实现一款语法解析器

4

react-ui. react pc端业务组件库。可以直接访问https://lizuncong.github.io/react-ui/#/home

4

react-pc-template. react PC端项目模版,配合create-app-cli使用

4

food_delivery_guide. 程序员送外卖指南

3

mini-react-redux. 手撸redux、react-redux

3

create-app-cli. 创建项目的脚手架工具,功能类似于vue-cli或者create-react-app。初始化项目的模版(类似于vue的webpack模版)在react-pc-template仓库中

3

easy-webgl. WebGL 3D绘图基础,实战

2

mini-react-router. 手撕源码系列三 react-router简单实现,一步一步手撕单页应用路由的实现原理

2

lizuncong.

2

koa-server. koa服务

1

handlebars. handlebars learning

1

react-menu. JavaScript

1

webrtc. webrtc学习

1

screen-record. 录屏大帝。开源免费,开发中...

1

egg-demo. eggjs框架

1

mini-webpack-dev-server. 手撕webpack-dev-server源码,webpack-dev-middleware源码,hotModuleReplacementPlugin如何生成补丁文件,hotModuleReplacement.runtime.js模块热更新运行时代码

1

pro-gitB. HTML

1

pro-gitA. 用于git测试

1

scheder-demo. react scheduler分享demo

1

skeleton. 前端骨架屏生成插件,自动抓取页面并生成页面骨架屏

1

module-federation. webpack5模块联邦demo

1

source-code-reading. 用于阅读各类源码的小仓库

1

lerna-demo. 学学lerna呀

1

github-cicd-demo. 学习github如何搭建cicd教程

1

typescript-project. 自此开始typescript的学习和总结啦啦啦啦啦啦啦啦啦啦啦,此仓库作为typescript学习总结之用

1

electron-build-tutorial. 本项目用于研究学习使用Electron Forge和Electron Builder对Electron应用打包构建、以及结合Github action做自动化部署、自动更新

1

mini-vite. vite源码

1

code-lint. 前端工程化

1

mfe-remote. webpack5模块联邦特性及源码分析

1

front-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

1

mt-miniprogram. 微信小程序版本的mt

1

antd-learn. 使用bisheng搭建的仿antd组件库的react 组件库开发框架

1

react-pc-mtAdmin. react pc模版创建的管理后台,开发中

1

mt-admin. 使用express,mysql,redis,sequelize搭建的node服务

1

resource.

1

lib-flexible. 可伸缩布局方案

1
50
Apply