时不时手撕常见框架的源码,或者搞一些有趣的工具,当然还有前端知识的总结
-
前端知识总结 知识总结,踩坑记录,最佳实践,八股文应有尽有
-
egg-react-ssr 自研的、从0到1搭建的、配置透明简约的、实战化的、具备首屏SSR、CSR/SSR无缝切换的、代码分割懒加载的
react-ssr
开发框架 -
mini-react 针对react、react dom、react reconciler、react scheduler源码进行全方位深度解析,【进行中】
-
mini-parser 从零开始实现一个AST解析器
-
mini-react-redux 手写redux、react-redux源码
-
mini-react-router 手写react-router-dom、react-router源码
-
monaco-editor-app 基于monaco editor的在线代码编辑器
-
mini-webpack 手写webpack源码,以及webpack常见loader,plugin源码
-
babel-plugin-react-directives babel插件开发,为react添加
r-if
、r-show
指令 -
mini-webpack-dev-server 手写
webpack-dev-server
源码,如何注入热更新运行时代码,如何生成补丁文件等 -
mini-tapable
webpack
插件机制核心。mini-tapable
不仅解读官方tapable
的源码,还用自己的思路去实现一遍,并且和官方的运行时间做了个比较,我和webpack作者相关的讨论可以点击查看 -
mini-promise 手写
es6-promise
源码,理解async await
语法糖原理,这里有几道题帮助加强理解Promise A+
规范 -
mini-koa 手写koa源码,
koa-compose
中洋葱圈模型的实现 -
web-monitor web前端性能监控埋点
-
create-app-cli 一个类似于vue-cli的脚手架工具
-
antd-learn 使用bisheng搭建的仿antd组件库的react组件库开发框架,bisheng是antd提供的组件库文档生成器
-
skeleton 前端骨架屏生成插件,自动抓取页面并生成页面骨架屏。使用puppeteer操作无头浏览器并抓取页面,生成页面骨架
-
mini-vite 手写vite源码
- react原理及源码
- 编译原理,源码转AST,AST转源码
- service worker
- web rtc
- cicd
- docker
- 组件库搭建
- 微前端
- go语言