博客

项目初期的技术选型 上个月接了个需求，要在首页加个轮播图，展示客户案例。一开始觉得这不就是个基础组件嘛，随便找个现成的库套一下就行。但产品非要支持手势滑动、自动播放、带指示器，还要在低端安卓机上流畅—...

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

我的写法，亲测靠谱 我写单元测试已经好几年了，从一开始的“为了覆盖率而写”，到后来被 bug 教做人，现在终于摸出一套自己用着顺手的写法。核心就一点：测试要能真实反映业务逻辑，而不是为了跑通而写。 比...

Grunt 打包时图片路径全乱了，折腾一晚上才搞定 昨天改一个老项目，用的是 Grunt 构建的，本来只是想加个新功能，结果打包完发现所有图片都 404 了。页面上全是裂图，控制台一堆 Failed ...

先看效果，再看代码 我最近接手一个老项目，打包时间从 45 秒飙到 2 分钟，本地开发时改一行 CSS 都要等半分钟，简直没法干活。折腾了几天，最后把 Webpack 配置重构成一套亲测有效的优化方案...

为什么我要折腾 Issue 自动化 最近接手了一个开源项目，Issue 区天天被各种“怎么用”“能不能加个功能”刷屏，看得我头大。手动打标签、关重复 issue、催 PR 更新，这些活儿干多了真上头。...

优化前：卡得不行 上个月接了个移动端动画需求，用 GSAP 做一整屏的交互动画，元素多、层级深、还有滚动联动。一开始写得挺顺，效果也炫，但真机一跑——直接卡成幻灯片。iPhone 12 都扛不住，低端...

优化前：卡得不行 上个月接手一个老项目，用的是 Vue Router 的 history 模式，页面一多，切换路由时明显卡顿。特别是从首页跳到详情页，白屏能持续 2～3 秒，用户反馈“点完没反应，以为...

先看效果，再看代码 上周做商品价格区间筛选功能，用户拖动滑块选最低价和最高价，然后从几千条商品里快速找出匹配的。一开始我用 filter() 暴力遍历，结果卡得不行。后来同事提醒：你这数据是排好序的，...

项目初期的技术选型 最近一个内部管理后台的重构项目，UI框架用了 Ant Design，但样式部分没直接用它的 CSS 变量方案，而是自己搭了一套基于 CSS Modules + PostCSS 的组...

先上手再说，Espresso 真的香 最近在搞一个移动端 H5 项目，需求是做一个带复杂交互的表单页面，用户滑动、点击、输入各种操作都有。一开始我用原生 JS 搞事件监听，结果 touchmove 一...

为什么我又在折腾 Plugin 开发？ 最近项目里要加一个「动态表单生成器」，用户拖拽组件、配置字段，最后生成 JSON。这玩意儿天然适合插件化——不同组件（输入框、下拉框、日期选择器）作为独立插件注...

项目初期的技术选型 去年接了个企业官网重构的活，客户要求“首屏加载快一点”，但没给具体指标。我一开始也没太当回事，毕竟现在都用 Vite + React，按部就班搞个代码分割、懒加载，应该问题不大。结...

项目初期的技术选型 上个月收尾的这个后台管理系统，前端团队就三个人，工期压得紧，需求又变来变去。一开始我们连要不要做 Code Review 都犹豫过——毕竟人少、节奏快，怕拖进度。但之前另一个项目因...

文档这事儿，一开始真没当回事 上个月收尾一个内部工具项目，前端三人小团队，后端甩过来一堆接口文档，格式是 Markdown。我心想：不就是写文档嘛，能有多难？结果第一周就翻车了——同事按文档调接口，愣...

我的写法，亲测靠谱 用 Vue Draggable 做拖拽排序功能，我前后折腾过不下五六个项目。一开始图快，直接照着文档抄，结果上线后各种诡异问题：列表抖动、数据错乱、移动端点不动……后来慢慢摸出门道...

核心代码就这几行，但别小看它 上周做通讯录搜索功能，产品说要支持拼音首字母和全拼搜人名。我一开始以为得搞个字典库，结果折腾半天发现根本不用那么复杂。直接上代码： // 安装依赖：npm install...

优化前：卡得不行 上周我接手了一个老项目，里面有个 Modal 弹窗组件，每次打开都像在加载整个宇宙。用户点一下按钮，页面直接卡住 3～5 秒，连滚动条都动不了，鼠标转圈圈转到怀疑人生。我自己测试的时...

为什么又要折腾样式方案？ 说实话，每次新项目开始，我都得重新纠结一遍用什么样式方案。CSS Modules？Styled Components？Tailwind？还是老老实实用原生 CSS？看起来都是...

项目初期的技术选型 去年做了一个后台管理系统的搜索模块，需求是用户输入关键词时实时展示匹配结果。一开始没多想，直接在 input 的 oninput 里加了个 fetch 请求，结果 QA 一测就炸了...