前端

我的写法，亲测靠谱 我从 CSS 变量刚出来那会儿就开始用了，一开始觉得这玩意儿不就是换个写法？后来发现用好了真能省不少事。尤其是做中后台项目或者多主题需求时，变量一抽，换肤直接靠 JS 切一下 cl...

先来个实际的，别整虚的 上周上线了个新功能，一个带搜索的下拉选择组件。UI 挺好看，交互也顺滑，但 QA 测完提了一堆 accessibility 的问题——键盘操作不完整、屏幕阅读器读不出来、焦点管...

又踩坑了，用户刷新一下，购物车空了 这事儿发生在我给一个小型电商项目加购物车功能的时候。本来挺简单的需求：用户点“加入购物车”，我把商品ID存起来，页面刷新也不丢。我寻思着，LocalStorage ...

我的写法，亲测靠谱 先上代码，这是我现在标准的 Jenkinsfile 写法，已经用在好几个生产项目里了，稳定性比一开始强太多了。 pipeline { agent any environment {...

又翻车了，预加载把页面卡成幻灯片 今天上线前最后测一把性能，好家伙，Lighthouse直接给我干到40多分，首屏加载时间快3秒。明明昨天还是80+的，我寻思也没加啥大资源啊。打开Network面板一...

项目初期的技术选型 最近在搞一个后台管理系统的实时订单监控模块，客户那边想要看到新订单进来的时候页面能立马有反应，不能靠手动刷新。一开始我寻思着上 WebSocket 吧，高大上，实时性也好。但问题是...

优化前：卡得不行 项目上线三个月，用户反馈越来越多——页面打开慢，首屏要等好几秒，尤其是一些低配手机上，点个按钮要一两秒才有反应。我自己拿旧款安卓机试了下，确实离谱，首页 loading 从5秒起步，...

插件开发这摊事，我最近又折腾了一遍 说实话，做前端这些年，最烦的不是写页面，也不是兼容性问题，而是搞插件。尤其是那种需要给别人用的通用组件——既要灵活，又不能太重；既得支持配置，还得避免全局污染。最近...

我的写法，亲测靠谱 事件冒泡这玩意儿，说简单也简单，说坑多也真能让人折腾到半夜。我最早用的时候就是直接绑一堆 click 事件，结果一嵌套深了，父子都响应，逻辑全乱。后来才明白，得靠事件委托和合理阻止...

Proxy代理这玩意儿，真不是随便配个路径就完事 做前端这几年，只要项目一上规模，躲不开的就得搞 Proxy。尤其是现在前后端分离成了标配，本地开发时请求后端接口跨域，不整点代理根本没法干活。我试过好...

XMind？不就是画个思维导图吗 我一开始也这么想。项目启动会，产品经理甩出一个 XMind 文件，结构清晰、逻辑分明，我当时还挺佩服——这玩意儿真挺香。 后来我自己开始用，才发现：好家伙，这玩意儿不...

线上突然报警，用户说按钮点不动 周五下午本来准备摸鱼下班了，结果群里突然炸了：好几个用户反馈在某个页面点击购买按钮没反应。一开始以为是网络问题或者接口挂了，查了一圈发现接口正常，日志里也确实有请求打进...

我的写法，亲测靠谱 加密解密这东西，前端能躲就躲。但有些项目你就是绕不开——比如要存用户敏感信息到 localStorage，又不想裸奔；或者和后端传数据时要求前端先做一层对称加密。这时候别慌，我一般...

我的写法，亲测靠谱 配置对比这事儿，说白了就是不同环境（开发、测试、生产）下怎么管好变量。我之前在好几个项目里折腾过，从最开始的硬编码到后来用 .env 文件，再到后来搞 JSON 配置合并，踩过的坑...

项目初期的技术选型 这个项目是个内部用的内容管理后台，主要功能是编辑和预览页面。客户提了个需求：希望在切换不同组件面板的时候有点“动效”，别那么生硬。最开始我其实挺抗拒的，毕竟后台系统搞那么多花里胡哨...

又踩坑了，登录态莫名其妙丢了 今天早上刚到公司，泡好咖啡准备摸鱼，结果测试群里一条消息炸了：用户登着登着突然跳登录页了。我第一反应是后端接口抽风，查了下日志发现 session 没过期，token 也...

先来一发最爽的用法：把 Babel 换成 SWC，直接起飞 上周我接手了个老项目，Webpack + Babel 配置一套下来，本地启动要 40 秒，热更新等得我都快睡着了。我实在忍不了，直接上 SW...

优化前：卡得不行 项目上线后跑了一阵子，用户量上来才发现问题——页面一打开，控制台就开始疯狂打日志，看着都心慌。后来才知道，我们前端日志是全量上报的，所有操作、接口调用、错误信息一股脑往服务端塞，而且...

导入导出这摊事，我到底选哪个？ 做前端这几年，几乎每个后台系统都绕不开导入导出。你以为就是个下载文件、上传解析的事儿？错了，坑多得很。尤其是当你开始处理十万行数据、要支持 Excel 公式、还得保留样...

先看效果，再看代码 我最近在优化一个内容型页面的加载体验，用户进来看到的是空白，等数据回来才渲染，体验很割裂。老板说“别的网站都有个骨架转圈，咱们也搞一个”。行吧，安排。 骨架屏不是什么高深技术，本质...