Blog 分享一些前端的知识,流行库的源码阅读,前端可做的性能优化,SVG动画小知识。
九层之台,起于累土;千里之行,始于足下。
前端优化实践总结
一个性能优化脑图
包含自己理解/求证溯源的过程~。
Vite + React 开源框架向脚手架(rollup 插件,style 分离合并)
Vue3 + Vite + Webpack + Ts + Pinia 基础脚手架
基于 CSS 的可配置大转盘 Vue3
虚拟列表 Vue3
拖拽插件 Vue2
基于 Proxy 的响应式系统
里面是一些自己解读的思考混有一些仿写。
axios 源码阅读
webpack 动态加载阅读
fre 源码阅读
Vue3-Reactivity 仿写(基于 Observer-utils)
petite-vue 源码阅读+仿写(已实现模板解析,data 响应式,v-show,@事件功能)
petite-vue 的仿写
微信炸屎 svg
任意元素添加水波纹 svg
红包雨 svg
svg stroke-dasharray 做动画小例(可以做一些有趣的图标描边显隐)
SVG 指南(译)