博客

打包后的代码被扒了，我急得直拍大腿 上周五快下班的时候，同事突然跑来问我：“你那个新功能的接口密钥是不是写死在前端了？怎么被人直接反编译出来调我们测试接口了？”我一听就懵了——这项目明明用了 Webp...

又一个重复代码的噩梦 上个月接了个新需求，要在后台系统里加一堆表单页面。每个表单都差不多：输入框、下拉、日期选择器，再加个提交按钮。一开始我手动复制粘贴，改几个字段名就完事。但到第5个表单的时候，我意...

为什么要做触摸反馈？ 上个月搞一个移动端的组件库，里面有个卡片列表，用户点一下会跳转详情。产品说“点下去要有反馈，不然用户不知道点没点中”。我一开始觉得加个 :active 伪类不就完了？结果真机一测...

我的写法，亲测靠谱 在 Vue 项目里做国际化，我基本都用 Vue I18n。但说实话，一开始用得特别糙，直接在组件里写 $t('xxx')，语言包全塞在一个文件里，后期维护简直噩...

项目初期的技术选型 去年接了个内部管理后台的活，前端团队就我和另一个同事。需求看起来挺常规：用户权限分级、敏感操作留痕、前后端分离。但安全这块老板特别上心，说之前吃过 XSS 和 CSRF 的亏，这次...

我的写法，亲测靠谱 折腾 ProseMirror 有段时间了，从一开始照着文档抄，到后来被各种诡异行为折磨得睡不着觉，踩过不少坑。现在总算摸出一套自己用着顺手的写法。先说最核心的一点：别在 Edito...

为啥要折腾长按方案？ 做移动端交互时，长按（long press）是个高频需求：比如聊天消息长按弹出菜单、图片长按保存、列表项长按进入编辑模式。但浏览器原生不支持 longpress 事件，得自己实现...

项目初期的技术选型 上个月接手一个内容密集型的后台管理项目，页面左侧是主菜单，点击某项后右侧会动态加载一组子功能模块。产品经理说：“这个子导航得能收起展开，还能高亮当前页，最好带点过渡动画。”我一听，...

项目初期的技术选型 去年接手一个中后台管理系统重构，前端用的是 React + Ant Design。上线后用户反馈“页面卡顿”“加载慢”，但本地开发完全没感觉。一开始以为是网络问题，后来发现是首屏渲...

我的写法，亲测靠谱 资源合并这事儿，说简单也简单，说坑也真不少。我最早搞前端那会儿，项目里一堆 CSS 和 JS 文件，首屏加载慢得像蜗牛爬。后来开始搞合并，但一开始也是乱合并一通——把所有 JS 全...

项目初期的技术选型 去年底接了个配置化表单的需求，客户希望运营人员能自己搭表单，不用每次都找开发改代码。一开始我以为就是拖拽组件 + JSON 配置，简单得很。结果需求文档里写着“支持字段联动、条件显...

环境变量搞崩了，本地跑得好好的，一上测试服就404 昨天下午差点被一个环境变量问题整崩溃。项目在本地开发时一切正常，API 调用稳得很，结果一部署到测试环境，所有接口直接 404。我第一反应是：后端又...

优化前：卡得不行 上周上线一个带 Timeline 时间轴的项目，结果 QA 一测就炸了：页面加载慢得离谱，滚动还卡成 PPT。我本地跑还好，一到低端机上直接卡死，连点击都响应不了。用户反馈说“点一下...

命名这事儿，真不是随便起个名就完事 我写前端写了快十年，踩过的坑里，有一大半和命名有关。变量叫 a、函数叫 handle、组件叫 Box……改代码时自己都认不出是谁写的。后来团队规模大了，协作多了，命...

又踩坑了，TDesign 的 Dialog 关闭后页面滚动失效 上周在用 TDesign Vue 写一个管理后台的时候，突然发现：弹窗关掉之后，页面再也滚不动了。一开始我还以为是自己加了什么全局样式冲...

又踩坑了，Fiddler 抓不到 HTTPS 请求 上周调一个混合开发的 App，前端用的是 Vue，后端接口走的是 HTTPS。我习惯用 Fiddler 抓包看请求参数和响应数据，结果这次死活看不到...

项目初期的技术选型 上个月搞一个表单配置器，用户可以在页面上拖拽字段、设置校验规则、调整顺序，最后生成一份结构化配置。一开始我用 useState 管理整个 state，想着不就是个对象嘛，直接 se...

又踩坑了，Mongoose 的默认值居然没生效？ 上周改一个老项目，加了个新字段 isPublished，类型是 Boolean，默认值设成 false。结果测试的时候发现，有些文档里这个字段压根没有...

又踩坑了，Security面板里一堆红标 前几天上线一个新功能，测试环境跑得好好的，结果一上生产，Chrome DevTools 的 Security 面板直接给我刷了一堆红色警告。点开一看，全是 M...

先看效果，再看代码 最近在搞一个移动端的滑动菜单，用户手指一划，侧边栏就弹出来。本来以为用个简单的 touchstart + touchmove 就搞定了，结果在 iOS Safari 上直接翻车——...