前端

又卡住了，Module对象动态加载报错 今天下午在搞一个动态模块加载的功能，本来以为几分钟搞定的事，结果一坐就是三小时。问题是这样的：我需要根据用户操作动态从远程拉一段JS代码，然后以ES Modul...

又踩坑了，循环绑定事件拿不到正确的索引值 这破事卡了我快两个小时，最后发现还是闭包的老问题。简单说就是我在一个 for 循环里给一堆按钮绑定 click 事件，每个按钮应该弹出对应的索引 i，结果不管...

先说结论：StyleLint + SCSS 是我团队的标配 别整那些花里胡哨的，我们项目现在统一用 StyleLint 配合 SCSS 做样式校验，配合 Prettier 格式化，跑在 pre-com...

项目初期的技术选型 最近在做一个后台管理系统的数据表格功能，需求是动态加载几千条记录，还得支持排序、筛选和实时更新。一开始没想太多，直接用最粗暴的方式：每次更新就清空容器，然后一条条 createEl...

我为什么又在搞 CSP 这玩意？ 上个月项目上线前安全扫描，扫出一堆 CSP 风险，甲方爸爸直接甩了一页报告过来，说不加 Content Security Policy 就不算交付。没办法，前端背锅侠...

我的写法，亲测靠谱 我最近在搞一个中型项目，包含三个前端应用和两个公共组件库。最开始是用 npm 配合 lerna 搞的，结果每次装依赖慢得像蜗牛，团队协作还老因为 node_modules 结构不一...

项目初期的技术选型 上个月接手了一个后台管理系统的重构任务，其中有个页面是用户数据的多维度展示，需要在同一个视图里切换不同的统计维度：比如按日、按周、按月看数据。本来以为就是个简单的 Tab 切换，直...

优化前：卡得不行 我接手这个项目的时候，页面交互已经烂到没法看了。一个简单的列表页，滑动一下能掉帧，点击按钮要等半秒才有反应。用户反馈最多的就是“点不动”“卡死了”。我自己测了一下，长列表滚动时 FP...

优化前：卡得不行 上周上线了一个新活动页，首页就是一堆商品卡片横向滚动加懒加载，看着挺简单。结果用户一多，页面直接卡成PPT，首屏加载平均5秒多，交互延迟到你点完按钮要等两秒才有反应。我自己拿手机试了...

先看效果，再看代码 我最近在搞一个前端性能优化的项目，需求是实时处理大量传感器数据，每秒上万条。一开始用纯 JavaScript 写了个计算均值、标准差和峰值的逻辑，跑着跑着页面就卡成幻灯片了。后来一...

性能对比？别一上来就跑分 我做前端这几年，最怕听到的一句话就是：这个方案和那个方案比一下性能呗。听着挺合理，但真做起来坑太多了。很多人一上来就用 console.time 包个函数，跑十次取个平均值，...

这破迁移方案整得我头大 上周上线前最后一天，本来以为万事大吉，结果测试组甩过来一个bug：线上老版本还能用的功能，新架构里直接挂了——某个嵌套很深的表单页面，动态字段不渲染了。当场血压拉满，因为这个功...

打包优化：我到底该用哪个？ 最近又在搞构建优化，说实话这玩意儿每次上线前都得折腾一通。这次主要是解决首包太大、加载慢的问题，顺手把几个主流方案拉出来遛了遛。今天想聊的是三个我常用的手段：Code Sp...

项目初期的技术选型 上个项目是个老系统改造，原来的几个独立后台要整合到一个统一的管理平台里。每个子系统都是不同团队维护的，技术栈也不一样，有 React 的、Vue 的，甚至还有一个是 jQuery ...

SVN 和 Git？早该换但还得用 我最近接手了一个老项目，前端代码仓库居然是 SVN。说实话，看到那一堆 .svn 目录的时候，我心里咯噔一下。这年头谁还用 SVN 做主干版本管理啊？但现实是，有些...

我又在自定义事件上踩坑了 上周改一个老项目的状态通知逻辑，原本用的是简单的回调函数传数据，结果越改越乱，父子组件之间传来传去，最后我干脆重构了一把，上了自定义事件。但问题是，方案太多：EventTar...

骨架屏的核心，其实就这么几招 之前做项目的时候，首页加载慢得要命，用户体验差到爆。后来加了骨架屏，整个感觉立马不一样了。不过说实话，刚开始搞骨架屏的时候我也踩了不少坑，现在回头看，其实核心就是几个要点...

今天被Egg.js的中间件顺序坑惨了 又是被Egg.js折磨的一天。今天在开发一个用户认证相关的功能时，突然发现session总是拿不到数据，折腾了快3个小时才搞明白问题所在。 先说结论吧：Egg.j...

渲染优化的核心思路，我踩过太多坑了 做了这么多年前端，最让我头疼的就是页面渲染性能问题。说实话，很多人对渲染原理的理解还停留在表面，知道重排重绘这些概念，但真正遇到性能瓶颈的时候还是束手无策。 我之前...

gulp-sass编译失败，折腾了两天才搞定 最近重构一个老项目，想把以前手动合并的CSS改成用Gulp自动化处理。本来以为是个很简单的事情，结果被gulp-sass给坑惨了。项目里有个复杂的样式文件...