博客

Dead Code 的识别工具，别瞎手动找 很多人一听到死代码清理就开始手动翻代码，这是最蠢的做法。我之前接手一个老项目，接手人告诉我有大量死代码，让我手动清理。折腾了两天发现根本找不完，而且还不敢删...

项目初期的技术选型 最近做的那个知识库项目，里面有很多FAQ页面和产品说明文档，内容比较长但是结构相对固定。一开始想用传统的折叠面板，但客户觉得太单调了，想要那种能够平滑展开收缩的效果。调研了一下，最...

PerformanceAPI监控页面性能，折腾了一整天 上周遇到一个需求，要监控页面的加载性能数据，本来以为就是个简单的API调用，结果折腾了一整天才搞明白。这里把踩的坑都记录下来，免得下次再掉进去。...

我的写法，亲测靠谱 搞Parser解析器这玩意儿，我踩过不少坑。最早接触的时候，总觉得这是高大上的东西，非得弄得很复杂。后来做项目多了才发现，其实核心就那么几个套路，掌握了就能解决大部分问题。 我一般...

Mobile调试真让人头疼，Chrome DevTools各种不好使 上周在做一个移动端项目，本来以为Chrome DevTools的移动设备模拟器够用了，结果各种奇怪问题根本定位不到。页面在PC浏览...

项目初期的技术选型 这次接了个移动端项目，客户要求iOS和Android都要支持，预算也不太宽裕。按理说原生开发是最稳妥的，但考虑到人力成本和交付时间，还是选择了React Native。其实之前也用...

为什么我要专门写这篇文章？ 说实话，HttpOnly这个东西我用了好几年，但一直没真正搞明白各种设置方式的差别。最近在一个项目里遇到了cookie安全的问题，才意识到自己之前只是照葫芦画瓢，根本没理解...

这个项目为什么要用Three.js 最近做了个产品展示页面，客户要求做那种3D的产品展示，能旋转、缩放、点击热点查看详情。本来想用CSS 3D Transform凑合一下，但想想还是太假了，交互也不够...

路由结构和页面组织，这套标准我一直用 刚接触SvelteKit的时候，我也被路由搞得很懵。官方文档看起来挺简单，但实际项目一复杂就乱套了。现在我一般这么组织： 根目录下的routes文件夹就是所有页面...

优化前：卡得不行 最近在做一个数据加密的功能，用户上传Excel文件需要先加密再传输。本来以为CryptoJS挺简单的，结果一测试就傻眼了，加密一个几十MB的文件，浏览器直接卡死了，CPU占用飙升到9...

我的SVG写法，亲测靠谱 搞前端这么多年，SVG这块踩过的坑不少。最早的时候就是直接把设计师给的SVG代码复制粘贴，结果各种尺寸错乱、颜色不对、交互失灵的问题。后来慢慢摸索出了自己的一套最佳实践。 我...

优化前：卡得不行 最近接手了一个基于icestark的微前端项目，刚跑起来的时候我人都傻了。首页加载要5秒多，子应用切换卡得像PPT播放一样，用户点击菜单后要等个2-3秒才响应。这个体验简直没法看，客...

线上HTTPS部署踩坑记 昨天帮客户部署一个新项目到生产环境，本以为很简单的事情，结果SSL证书这里折腾了我整整一天。本来想用Let's Encrypt免费证书，结果各种问题层出不穷。 一开始我按照平...

我的写法，亲测靠谱 说实话，Suspense这玩意儿刚出来的时候我是拒绝的，总觉得React团队又在造轮子。但是用了两年下来，发现它真的能解决很多实际问题，特别是数据加载这块的用户体验。 我现在的做法...

这次终于搞定了权限控制的那些破事 最近做后台管理系统，权限控制这块儿又把我折腾得够呛。之前做过几个项目，每次都是临时抱佛脚，这次想着彻底把RBAC这套东西摸透，免得以后还要花时间重新搞。 最开始想当然...

VS Code代码片段的那些坑，折腾了我一整天 今天又被VS Code的snippets折磨得够呛。本来想给团队搞一套统一的React组件模板，结果各种问题层出不穷。先说结论吧，最后搞定的效果还不错，...

编译优化这事儿，我踩过的坑可不少 最近在重构一个老项目，编译时间从原来的5分钟拖到了10分钟，实在忍不了了。之前一直用webpack默认配置凑合，现在终于下定决心好好研究一下编译优化。市面上的方案挺多...

我的写法，亲测靠谱 搞TurboModules这玩意儿也有段时间了，说实话刚开始真是一脸懵逼。React Native那套架构看起来挺复杂，但其实摸清楚套路后也就那么回事。我一般把原生模块分几个层级：...

优化前：卡得不行 最近做了个移动端项目，页面加载慢得要死，用户操作基本没响应。客户天天催着问为什么这么卡，我都快被折磨疯了。首屏加载要6-8秒，滚动还经常卡顿，点击按钮有时候要等几秒才有反应。说实话，...

我的写法，亲测靠谱 Modal这玩意儿在项目里用得太多了，刚开始我也写得很随意，后来踩了不少坑，现在基本都是按照这套标准来处理。核心就是三点：状态管理清晰、动画流畅、交互友好。 我现在的写法是这样的：...