博客

先上核心代码，跑起来再说 别整那些虚的，Sentry 集成说白了就三步：装包、初始化、上报。我之前在项目里折腾了半天，最后发现最简单的方案反而最稳。直接看代码： // main.js 或 app.js...

先上代码：这玩意儿到底怎么用 别整那些虚的，直接看代码最实在。我在项目里折腾 singleQuote 这个配置项，其实主要是在 Prettier 里用的。很多人以为它只是“单引号还是双引号”的问题，但...

优化前：卡得不行 上周上线一个带大量卡片点击交互的活动页，用户反馈“点一下卡半天”“点完没反应以为坏了”。我本地测试也明显感觉到——页面渲染完后，第一次点击响应要等将近1秒，后面好点但还是有明显延迟。...

先看效果，再看代码 上周我们线上突然报了个安全问题：用户在评论区贴了手机号，被爬虫抓走了。虽然不是我们的锅，但老板说“前端能不能拦一下”。我翻了翻历史代码，发现之前根本没做敏感信息过滤，纯靠后端清洗。...

我的写法，亲测靠谱 这几年折腾前端工具链，踩过不少坑，也攒了些经验。今天想聊聊在实际项目里怎么用工具更省心、更少出问题。很多人一上来就照着文档抄，结果上线后各种奇怪的 bug，调试到半夜。我一般不会直...

优化前：卡得不行 上个月接手一个老项目，前端用的是 Semantic UI，版本还挺老（2.4.x）。本地开发时感觉还行，但一部署到测试环境，首页加载直接干到 5 秒多，用户点个按钮卡半秒，下拉菜单动...

为啥前端要搞科学计算？ 说实话，我一开始也觉得科学计算是后端或者 Python 的活。但最近几个项目下来，发现前端真绕不开——比如实时数据可视化、物理模拟、金融指标计算，全扔给后端的话，延迟高、交互卡...

项目初期的技术选型 去年底接了个小活，给一个内容型产品做前端重构。老系统是纯静态 HTML + jQuery，页面加载慢得像蜗牛，SEO 也差。客户想快点上线，预算有限，团队就我一个人。技术选型时，我...

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

为什么这次选了 CSS Custom Properties 上个月接了个主题切换需求，客户说要支持深色、浅色、还有个“品牌蓝”三套皮肤，而且得实时切换——不能刷新页面。一开始我第一反应是用 CSS-i...

我的写法，亲测靠谱 Background Sync 是个好东西，但用不好真的会把自己坑死。我最早在项目里尝试它的时候，以为就是注册个 sync 事件、发个请求就完事了，结果线上用户反馈“数据没同步”“...

优化前：卡得不行 上周上线一个新功能，用户反馈“点一下权限设置页面就卡死”，我一开始还不信——本地跑得好好的啊。结果自己用测试账号登上去试了下，好家伙，页面加载花了5秒多，滚动都掉帧，点个按钮要等半秒...

先看效果，再看代码 上周改一个动效组件，产品经理说“这个卡片要能拖拽还能缩放旋转”，我第一反应就是：别搞这些花里胡哨的，但转头一想，用 transform 其实几行 CSS 就能搞定。亲测有效，今天就...

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

为啥我又回头折腾 Mint UI？ 最近接手一个老项目，Vue 2 + Mint UI 的组合，界面卡顿、交互生硬，老板让我“优化一下体验”。我一开始想直接换 Vant 或 NutUI，但评估下来发现...

时间函数这事儿，我踩过太多坑了 做移动端开发，时间处理几乎是绕不开的。用户要显示“3分钟前”，后台给的是 ISO 8601 字符串；本地要缓存数据，得用时间戳判断是否过期；动画要平滑，还得靠 requ...

插件系统里动态注册组件，结果组件不更新？ 上周在搞一个后台系统的插件架构，想实现插件能动态注入自己的 UI 组件。本来以为就是个简单的 provide/inject 或者全局注册的事儿，结果页面死活不...

为啥我要折腾 Tree 组件？ 最近项目里又遇到树形结构的需求，用户权限配置、分类管理、文件目录……绕不开。但每次用 Tree 都像在“选老婆”——没有完美的，只有更合适的。市面上主流方案就那几个：A...

为啥要折腾骨架屏？ 最近项目里又遇到白屏问题，用户点开列表页，等了两秒才出来内容，体验差得一批。产品经理直接甩锅：“你这加载太慢了！” 其实接口就 300ms，但首屏渲染卡在 JS 执行和数据绑定上。...

项目初期的技术选型 上个月接了个后台管理系统的活，需求里有个“地区选择器”，要支持省市区三级联动。一开始我想直接用 Ant Design 的 Select，但产品经理说：“用户反馈下拉太卡，而且选项太...