精选内容
最新
- 文章 · 设计系统
阿斯顿阿斯顿
郭富城的文章
- 文章 · 工程化
测试标题
就斤斤计较
- 文章 · 工程化
用增量构建替代全量构建,以及我们最终采用的方案
把踩过的坑按顺序写清楚,附上最终采用的方案与代价。
- 文章 · 脚本
移动端适配的三种方案,以及我们最终采用的方案
复盘一次真实场景,指标、工具与最后的选择都写在里面。
- 文章 · 调试工具
接口错误处理的收敛,以及我们最终采用的方案
先给结论,再拆过程:哪些做法有效,哪些只是看起来有效。
- 文章 · 安全
一次数据库索引失效的复盘,以及我们最终采用的方案
这篇整理了我们在这件事上的实践,包含可以直接复用的清单。
- 文章 · 命令行
用 Web Worker 解决主线程卡顿,以及我们最终采用的方案
从问题出现到方案落地,记录每一步判断与最终结果。
- 文章 · 效率工具
大型仓库的分包与按需加载,以及我们最终采用的方案
把这次改造的过程、数据与取舍完整记下来,方便下次少走弯路。
- 文章 · 踩坑记录
单测覆盖率的取舍,以及我们最终采用的方案
记录一次从 0 到 1 的尝试,失败的版本也一并保留。
- 文章 · 设计系统
可维护的设计令牌体系,以及我们最终采用的方案
从原理讲到落地,尽量把每个决策的依据说明白。
- 文章 · 缓存
CSS 布局里容易出错的细节,以及我们最终采用的方案
把踩过的坑按顺序写清楚,附上最终采用的方案与代价。
- 文章 · 测试
React 的渲染与提交阶段,以及我们最终采用的方案
复盘一次真实场景,指标、工具与最后的选择都写在里面。
- 文章 · 架构
用三层缓存把接口 P95 拉回 200ms,以及我们最终采用的方案
先给结论,再拆过程:哪些做法有效,哪些只是看起来有效。
- 文章 · 构建工具
一次线上白屏的排查全过程,以及我们最终采用的方案
这篇整理了我们在这件事上的实践,包含可以直接复用的清单。
- 文章 · 性能优化
前端监控里最容易被忽略的指标,以及我们最终采用的方案
从问题出现到方案落地,记录每一步判断与最终结果。
- 文章 · 前端工程
把构建时间从 90 秒压到 12 秒,以及我们最终采用的方案
把这次改造的过程、数据与取舍完整记下来,方便下次少走弯路。
- 文章 · 工程化
图片加载与 LCP 的关系:一次完整复盘
记录一次从 0 到 1 的尝试,失败的版本也一并保留。
- 文章 · 脚本
用 ESLint 固化团队约定:一次完整复盘
从原理讲到落地,尽量把每个决策的依据说明白。
- 文章 · 调试工具
前端工程化的边界:一次完整复盘
把踩过的坑按顺序写清楚,附上最终采用的方案与代价。
- 文章 · 安全
构建缓存命中的前提:一次完整复盘
复盘一次真实场景,指标、工具与最后的选择都写在里面。
- 文章 · 命令行
用契约测试保护接口变更:一次完整复盘
先给结论,再拆过程:哪些做法有效,哪些只是看起来有效。
- 文章 · 效率工具
设计稿到组件的还原度:一次完整复盘
这篇整理了我们在这件事上的实践,包含可以直接复用的清单。
- 文章 · 踩坑记录
让代码评审更快发生:一次完整复盘
从问题出现到方案落地,记录每一步判断与最终结果。
- 文章 · 设计系统
一次内存泄漏的定位:一次完整复盘
把这次改造的过程、数据与取舍完整记下来,方便下次少走弯路。
- 文章 · 缓存
用状态机管理复杂表单:一次完整复盘
记录一次从 0 到 1 的尝试,失败的版本也一并保留。
- 文章 · 测试
首屏优化的优先级排序:一次完整复盘
从原理讲到落地,尽量把每个决策的依据说明白。
- 文章 · 架构
把 CI 从 20 分钟压到 6 分钟:一次完整复盘
把踩过的坑按顺序写清楚,附上最终采用的方案与代价。
- 文章 · 构建工具
前端日志的采样策略:一次完整复盘
复盘一次真实场景,指标、工具与最后的选择都写在里面。
- 文章 · 性能优化
深色模式的对比度修正:一次完整复盘
先给结论,再拆过程:哪些做法有效,哪些只是看起来有效。
- 文章 · 前端工程
组件库从 0 到 1:一次完整复盘
这篇整理了我们在这件事上的实践,包含可以直接复用的清单。
- 文章 · 工程化
用增量构建替代全量构建:一次完整复盘
从问题出现到方案落地,记录每一步判断与最终结果。
- 文章 · 脚本
移动端适配的三种方案:一次完整复盘
把这次改造的过程、数据与取舍完整记下来,方便下次少走弯路。
- 文章 · 调试工具
接口错误处理的收敛:一次完整复盘
记录一次从 0 到 1 的尝试,失败的版本也一并保留。
- 文章 · 安全
一次数据库索引失效的复盘:一次完整复盘
从原理讲到落地,尽量把每个决策的依据说明白。
- 文章 · 命令行
用 Web Worker 解决主线程卡顿:一次完整复盘
把踩过的坑按顺序写清楚,附上最终采用的方案与代价。
- 文章 · 效率工具
大型仓库的分包与按需加载:一次完整复盘
复盘一次真实场景,指标、工具与最后的选择都写在里面。
- 文章 · 踩坑记录
单测覆盖率的取舍:一次完整复盘
先给结论,再拆过程:哪些做法有效,哪些只是看起来有效。
- 文章 · 设计系统
可维护的设计令牌体系:一次完整复盘
这篇整理了我们在这件事上的实践,包含可以直接复用的清单。
- 文章 · 缓存
CSS 布局里容易出错的细节:一次完整复盘
从问题出现到方案落地,记录每一步判断与最终结果。
- 文章 · 测试
React 的渲染与提交阶段:一次完整复盘
把这次改造的过程、数据与取舍完整记下来,方便下次少走弯路。
- 文章 · 架构
用三层缓存把接口 P95 拉回 200ms:一次完整复盘
记录一次从 0 到 1 的尝试,失败的版本也一并保留。
- 文章 · 构建工具
一次线上白屏的排查全过程:一次完整复盘
从原理讲到落地,尽量把每个决策的依据说明白。
- 文章 · 性能优化
前端监控里最容易被忽略的指标:一次完整复盘
把踩过的坑按顺序写清楚,附上最终采用的方案与代价。
- 文章 · 前端工程
把构建时间从 90 秒压到 12 秒:一次完整复盘
复盘一次真实场景,指标、工具与最后的选择都写在里面。
- 文章 · 工程化
图片加载与 LCP 的关系
先给结论,再拆过程:哪些做法有效,哪些只是看起来有效。
- 文章 · 脚本
用 ESLint 固化团队约定
这篇整理了我们在这件事上的实践,包含可以直接复用的清单。
- 文章 · 调试工具
前端工程化的边界
从问题出现到方案落地,记录每一步判断与最终结果。
- 文章 · 安全
构建缓存命中的前提
把这次改造的过程、数据与取舍完整记下来,方便下次少走弯路。
- 文章 · 命令行
用契约测试保护接口变更
记录一次从 0 到 1 的尝试,失败的版本也一并保留。
- 文章 · 效率工具
设计稿到组件的还原度
从原理讲到落地,尽量把每个决策的依据说明白。
- 文章 · 踩坑记录
让代码评审更快发生
把踩过的坑按顺序写清楚,附上最终采用的方案与代价。
- 文章 · 设计系统
一次内存泄漏的定位
复盘一次真实场景,指标、工具与最后的选择都写在里面。
- 文章 · 缓存
用状态机管理复杂表单
先给结论,再拆过程:哪些做法有效,哪些只是看起来有效。
- 文章 · 测试
首屏优化的优先级排序
这篇整理了我们在这件事上的实践,包含可以直接复用的清单。
- 文章 · 架构
把 CI 从 20 分钟压到 6 分钟
从问题出现到方案落地,记录每一步判断与最终结果。
- 文章 · 构建工具
前端日志的采样策略
把这次改造的过程、数据与取舍完整记下来,方便下次少走弯路。
- 文章 · 性能优化
深色模式的对比度修正
记录一次从 0 到 1 的尝试,失败的版本也一并保留。
- 文章 · 前端工程
组件库从 0 到 1
从原理讲到落地,尽量把每个决策的依据说明白。
- 文章 · 工程化
用增量构建替代全量构建
把踩过的坑按顺序写清楚,附上最终采用的方案与代价。
- 文章 · 脚本
移动端适配的三种方案
复盘一次真实场景,指标、工具与最后的选择都写在里面。
- 文章 · 调试工具
接口错误处理的收敛
先给结论,再拆过程:哪些做法有效,哪些只是看起来有效。
- 文章 · 安全
一次数据库索引失效的复盘
这篇整理了我们在这件事上的实践,包含可以直接复用的清单。
- 文章 · 命令行
用 Web Worker 解决主线程卡顿
从问题出现到方案落地,记录每一步判断与最终结果。
- 文章 · 效率工具
大型仓库的分包与按需加载
把这次改造的过程、数据与取舍完整记下来,方便下次少走弯路。
- 文章 · 踩坑记录
单测覆盖率的取舍
记录一次从 0 到 1 的尝试,失败的版本也一并保留。
- 文章 · 设计系统
可维护的设计令牌体系
从原理讲到落地,尽量把每个决策的依据说明白。
- 文章 · 缓存
CSS 布局里容易出错的细节
把踩过的坑按顺序写清楚,附上最终采用的方案与代价。
- 文章 · 测试
React 的渲染与提交阶段
复盘一次真实场景,指标、工具与最后的选择都写在里面。
- 文章 · 架构
用三层缓存把接口 P95 拉回 200ms
先给结论,再拆过程:哪些做法有效,哪些只是看起来有效。
- 文章 · 构建工具
一次线上白屏的排查全过程
这篇整理了我们在这件事上的实践,包含可以直接复用的清单。
- 文章 · 性能优化
前端监控里最容易被忽略的指标
从问题出现到方案落地,记录每一步判断与最终结果。
- 文章 · 前端工程
把构建时间从 90 秒压到 12 秒
把这次改造的过程、数据与取舍完整记下来,方便下次少走弯路。
- 文章 · 工程化
阿斯顿
阿斯顿
- 文章 · 工程化
测试文章内容
你好呀我是简介
- 文章 · 工程化
测试文章
测试速度
- 文章 · 工程化
测试1
123123123
- 笔记 · 前端工程
测试
测试测试
- 文章 · 性能优化
用 unicode-range 给中文可变字体做按需加载
中文字库动辄十几兆,整包引入会拖垮首屏。把思源黑体切成上百个分片,按页面实际用字加载。
- 文章 · 工程化
把 CI 从 12 分钟压到 4 分钟
不改业务代码,只调流水线:并行分片、缓存命中率、产物裁剪三件事。
- 文章 · 前端工程
一套设计令牌,同时喂给 Web 与小程序
把色彩、排版、圆角收敛成单一数据源,用脚本产出两边样式。
