文章
这里记录前端工程、性能优化、构建工具与效率工具的长期实践与踩坑。
- 109篇文章
- 13个分类
- 62个标签
分类
- 视频 · 视频
把构建优化过程录成视频
从定位瓶颈到改完上线，全程无剪辑，连带失败的尝试一起放出来。
- 文章 · 前端工程
用容器查询重做组件布局
媒体查询看的是视口，组件其实更该看自己有多宽。把断点从页面搬进组件里。
- 文章 · 架构
本地优先的同步方案怎么选
CRDT、操作日志还是简单的版本号？三种方案在冲突处理与实现成本上差得很远。
- 文章 · 构建工具
自己写一个 Vite 插件要懂什么
从 resolveId 到 transform，把插件钩子的执行顺序讲清楚，再动手就不容易踩坑。
- 文章 · 性能优化
图片懒加载之外，还该做解码优化
图片下载完不等于能立刻画出来，解码、尺寸占位与优先级三件事决定体感快慢。
- 文章 · 工程化
单仓多包的工具链怎么收敛
包一多，脚本、依赖版本和发布流程就会各走各的。用三份配置把它们拉回一条线。
- 笔记 · 设计系统
深色模式不是把颜色反过来
纯反色看久了眼睛累。对比度要降、阴影要换、强调色得单独调一版，这里记下取舍。
- 笔记 · 排版
中文字体回退栈的实战排序
苹方、微软雅黑、思源黑体怎么排？顺序不同，同一份 CSS 在两端能差出半个字宽。