前端

我的写法，亲测靠谱 前端加载时间这事，我折腾过好几轮。早期项目一上线就有人吐槽“白屏太久”，后来才意识到，不是接口慢，而是我们没把加载体验做好。现在我基本固定了一套处理方式，简单、可控、不花哨，但用户...

上线后用户报错，但控制台干干净净？ 上周项目刚上线，测试同学说“一切正常”，结果第二天运营就甩来一张截图：用户点了个按钮，页面白屏了。我赶紧打开 DevTools，刷新页面，啥也没有——控制台清清爽爽...

优化前：卡得不行 上周上线一个离线数据缓存功能，用的是 IndexedDB。结果用户一多、数据量一大，页面直接卡成幻灯片——打开一个列表页要等 5 秒以上，滚动还掉帧。我本地测试时没感觉，因为只有几十...

为什么我开始纠结目录规范这事儿？ 说实话，以前写项目根本没怎么管目录结构，想到哪建到哪。结果去年接手一个三年老项目，光是找某个组件的样式文件就花了二十分钟——因为有人把 CSS 放在 src/comp...

优化前：卡得不行 上周我打开一个老项目，跑了个 npm run lint，结果终端直接卡住，风扇狂转，等了快5秒才出结果。平时改一行代码，编辑器里的 ESLint 插件也跟着卡半天，光标都跳不动。我一...

项目初期的技术选型 去年做了一个富文本编辑器的定制需求，客户要求支持“高亮选中文字并打标签”——比如选中一段话，点个按钮，这段文字就变成黄色背景，还能保存标签类型。一开始我以为用 contentedi...

项目初期的技术选型 上个月接了个老系统改造的活，客户要求支持到 IE11 —— 没错，就是那个已经停止支持但某些国企还在用的 IE11。我一开始是拒绝的，但架不住需求方反复强调“必须兼容”，只好硬着头...

我的写法，亲测靠谱 我用 PM2 部署 Node.js 项目已经快五年了，从一开始直接 pm2 start app.js 到后来折腾各种配置，踩过不少坑。现在我的标准做法是：永远用 ecosystem...

核心代码就这几行 别被名字吓到，IntersectionObserver 用起来其实特别简单。我第一次用它做懒加载图片的时候，核心逻辑就不到 10 行。 先看最基础的用法：监听某个元素是否进入视口。比...

我的写法，亲测靠谱 在项目里引入 lint-staged 已经好几年了，从一开始照着文档抄配置，到后来踩了一堆坑，现在总算摸出一套自己用着顺手的写法。我现在的配置核心就一条：只处理 Git 暂存区的文...

优化前：卡得不行 上周改一个商品列表页，用的是纯 Flexbox 布局，横向滚动 + 动态加载。本地跑着没啥问题，结果一上真机（特别是低端安卓机），滑动直接卡成 PPT，手指一松就停住，根本不像个现代...

优化前：卡得不行 上周上线一个新功能页，用户反馈“点进去半天白屏”，我本地 dev server 跑着没感觉，结果一上生产环境，手机端加载居然要 5 秒多。首屏内容全是文字加几张图，按理说不该这么慢。...

又踩坑了，FMP 怎么算都不对 最近在优化一个老项目的性能指标，老板说“首屏加载要快”，我就顺手把 FMP（First Meaningful Paint）加上去了。结果一测，发现数据完全不对劲——明明...

先别管原理，直接跑起来再说 我第一次用 Rollup 的时候，根本没搞懂什么 Tree Shaking、ESM、CJS，就是项目里有个小工具库要打包，Webpack 太重了，同事说“试试 Rollup...

项目初期为啥选了自定义事件 去年接了个后台管理系统重构的活儿，页面里有十多个模块要联动。比如用户在筛选器里改个条件，表格得刷新，图表也得跟着变，右侧面板还得更新统计数字。一开始想用 Vuex 或者 R...

为什么我要折腾这些发布流程？ 去年我们团队从手动部署切换到自动化，折腾了三四种方案，踩了不少坑。说实话，一开始我以为“不就是 npm run build + scp 上传”嘛，结果线上环境一复杂，问题...

上线后用户反馈“数据没更新”，我差点以为是后端背锅了 上周五下午，产品突然冲过来：“线上用户说改了配置，页面还是老的，刷新也没用！”我第一反应是：不可能，我们明明加了版本号啊。结果自己一试——还真没变...

我的写法，亲测靠谱 在用 CSS Modules 的这几年里，我折腾过好几种写法，最后稳定下来的这套方案，是踩了无数坑后总结出来的。核心就一点：类名尽量语义化，但别过度设计；结构清晰，但别搞复杂。 我...

我的写法，亲测靠谱 安全头（Security Headers）这东西，说白了就是给 HTTP 响应加几行 header，防 XSS、防点击劫持、防内容嗅探……听起来挺简单，但真在项目里用起来，坑不少。...

又踩坑了，Vite 构建后静态资源路径全乱套 上周上线一个新项目，本地跑得好好的，一构建部署到测试环境，页面直接白屏。打开控制台一看，所有 CSS 和 JS 资源 404 —— 路径全变成根目录下的绝...