文章
这里记录前端工程、性能优化、构建工具与效率工具的长期实践与踩坑。
- 109篇文章
- 13个分类
- 62个标签
分类
%22%2F%3E%3Cg%20fill%3D%22%23ffffff%22%20opacity%3D%220.13%22%3E%3Ccircle%20cx%3D%22945%22%20cy%3D%22205%22%20r%3D%22250%22%2F%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22735%22%20r%3D%22315%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.2%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M-40%20690C260%20545%20610%20835%201240%20615%22%2F%3E%3Cpath%20d%3D%22M-40%20780C300%20640%20660%20900%201240%20700%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
文章 · 工程化阿斯顿
阿斯顿
%22%2F%3E%3Cg%20fill%3D%22%23ffffff%22%20opacity%3D%220.13%22%3E%3Ccircle%20cx%3D%22945%22%20cy%3D%22205%22%20r%3D%22250%22%2F%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22735%22%20r%3D%22315%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.2%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M-40%20690C260%20545%20610%20835%201240%20615%22%2F%3E%3Cpath%20d%3D%22M-40%20780C300%20640%20660%20900%201240%20700%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
文章 · 工程化测试文章内容
你好呀我是简介
%22%2F%3E%3Cg%20fill%3D%22%23ffffff%22%20opacity%3D%220.13%22%3E%3Ccircle%20cx%3D%22945%22%20cy%3D%22205%22%20r%3D%22250%22%2F%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22735%22%20r%3D%22315%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.2%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M-40%20690C260%20545%20610%20835%201240%20615%22%2F%3E%3Cpath%20d%3D%22M-40%20780C300%20640%20660%20900%201240%20700%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
文章 · 工程化测试文章
测试速度
- 文章 · 工程化
测试1
123123123
%22%2F%3E%3Cg%20fill%3D%22%23ffffff%22%20opacity%3D%220.13%22%3E%3Ccircle%20cx%3D%22945%22%20cy%3D%22205%22%20r%3D%22250%22%2F%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22735%22%20r%3D%22315%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.2%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M-40%20690C260%20545%20610%20835%201240%20615%22%2F%3E%3Cpath%20d%3D%22M-40%20780C300%20640%20660%20900%201240%20700%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
笔记 · 前端工程测试
测试测试
'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'hsl(48%2C74%25%2C62%25)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'1200'%20height%3D'900'%20fill%3D'url(%23g)'%2F%3E%3Cg%20fill%3D'%2523ffffff'%20opacity%3D'0.12'%3E%3Ccircle%20cx%3D'840'%20cy%3D'300'%20r%3D'240'%2F%3E%3Ccircle%20cx%3D'270'%20cy%3D'660'%20r%3D'300'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
文章 · 工程化做一个小而稳的内容站：从选题池、写作节奏到发布流程，我们把能省掉的环节都省掉了，只留下真正影响读者体验的那几件事
长标题在首页会怎么收，取决于每个位置能放几行。
'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'hsl(220%2C74%25%2C62%25)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'1200'%20height%3D'900'%20fill%3D'url(%23g)'%2F%3E%3Cg%20fill%3D'%2523ffffff'%20opacity%3D'0.12'%3E%3Ccircle%20cx%3D'840'%20cy%3D'300'%20r%3D'240'%2F%3E%3Ccircle%20cx%3D'270'%20cy%3D'660'%20r%3D'300'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
文章 · 工程化一次持续了三个季度的性能优化复盘：从首屏指标全线告警到稳定达标的完整过程，包括我们试过的所有错误方向、被证伪的假设、最后真正起作用的少数几件事以及为此付出的取舍
首页负责让人想点，详情页负责把话说完。
- 文章 · 性能优化
用 unicode-range 给中文可变字体做按需加载
中文字库动辄十几兆，整包引入会拖垮首屏。把思源黑体切成上百个分片，按页面实际用字加载。