博客

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

我的写法，亲测靠谱 搞前端这么多年，配置规则这东西说简单也简单，说坑也真不少。我一开始也以为就是写个 JSON 或者 JS 对象完事，结果在项目里被各种边界情况打得满地找牙。后来慢慢摸索出一套自己用着...

为什么我要折腾 CKEditor 的不同方案？ 最近一个项目要给后台加个富文本编辑器，需求不算复杂：支持基础格式、图片上传、代码块，最好还能自定义按钮。老板说“别搞太重”，但产品经理又想要“类似 No...

我的写法，亲测靠谱 Tree 组件在后台管理系统里太常见了，权限配置、组织架构、文件目录……几乎每个项目都得搞一个。我一开始图快，直接拿 UI 库的 Tree 组件往里塞数据，结果后面改需求时差点被自...

项目初期的技术选型 去年接手一个电商类内容站点重构，老板突然提了个需求：“能不能让 Google 搜索结果里直接显示评分、价格、库存状态？” 我一开始以为是搞 Open Graph，结果一查发现人家说...

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

前端密钥管理，我为什么不用 .env 最近一个新项目要对接第三方 API，对方要求用密钥鉴权。我第一反应是：放 .env 里呗。但转念一想——前端根本不能存密钥啊！这玩意儿打包完全暴露在 JS 里，谁...

列表滚动卡成PPT？缓存没做对 上周改一个商品列表页，用户反馈“滑动像在翻PPT”，一屏一卡。我本地跑起来也确实，手指一划，画面停顿半秒才跟上——典型的滚动性能问题。第一反应：是不是没做虚拟滚动？但仔...

优化前：卡得不行 上周上线一个用 Vue 2 写的后台管理页，功能不算复杂，但列表页一加载就卡成 PPT。用户点个筛选，页面直接白屏两秒，连滚动都卡顿。我本地开发时没感觉，结果一上生产环境，数据量上来...

为什么我最近又在折腾 Forge.js？ 最近项目里要处理一些 WebCrypto 相关的逻辑，比如生成密钥、签名、验签，还有和后端对接 PKCS#8 格式的私钥。一开始我直接用浏览器原生的 cryp...

先看效果，再看代码 我最近在重构一个老项目，前端模块管理还是靠全局变量和手动 script 标签引入，简直灾难。改用 ES Module 后，整个结构清爽多了。别被“模块化”吓到，其实上手非常快。下面...

为什么我又在 Better Scroll 里折腾了三天？ 上周我接了个需求：一个带下拉刷新、上拉加载、横向滚动 tab 的移动端列表页。UI 给的原型里，交互细节特别多，比如“下拉到 80px 才触发...

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

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

先上手再补课：我怎么在项目里用 GraphQL 的 说实话，第一次接触 GraphQL 的时候，我脑子里全是 RESTful API 的影子。什么 GET /users、POST /orders，一套...

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

为什么 Android 适配这么让人头疼？ 做移动端开发这几年，我踩过最深的坑基本都和 Android 适配有关。iOS 好歹是苹果一家说了算，设备尺寸、系统行为相对统一；但 Android 不同，厂...

双击事件在移动端失效？折腾半天发现是冒泡惹的祸 上周改一个老项目，产品说“列表项要支持双击点赞”，听起来很简单对吧？结果我写完 PC 端测试没问题，一上手机就完全没反应。点两下跟点一下效果一样，根本识...

为什么我又翻出 flexible.js 这个老古董？ 最近接手一个老项目，发现它还在用 flexible.js 做移动端适配。说实话，我一开始是想直接干掉它，换成现代方案。但一查兼容性要求——得支持 ...

我的写法，亲测靠谱 用 Grid 布局这几年，我踩过不少坑，也总结出一套自己觉得最稳的写法。不是什么高深理论，就是实打实项目里反复验证过的套路。 我一般不会一上来就写 grid-template-ar...