博客

优化前：卡得不行 最近在做一个项目，里面有个功能需要通过 JSONP 调用第三方接口来获取数据。本来以为挺简单的，结果上线后发现性能差到离谱。尤其是在低网速环境下，页面加载时间直接飙到了 5 秒以上，...

为什么要对比Sources调试方案？ 最近在做项目的时候，遇到一个挺头疼的问题：调试代码时发现各种工具的体验差异特别大。尤其是Sources相关的调试方式，不同方案各有优劣，搞得我有时候都不知道该选哪...

先看效果，再看代码 最近在一个多团队协作的项目中，我们遇到了一个头疼的问题：多个应用共存时，样式和脚本冲突得一塌糊涂。尤其是某个老系统用的是jQuery，新模块是Vue，结果就是各种奇怪的bug层出不...

简要介绍 在现代网页设计中，视觉层次与用户体验的提升越来越依赖于精致而富有创意的背景设计。本文所解析的代码实现了一个极具视觉冲击力的全屏渐变图案背景容器，通过巧妙运用CSS变量与多重线性渐变叠加技术，...

我的写法，亲测靠谱 我搞前端这几年，样式这块真是踩过太多坑。最早的时候啥都用全局CSS，组件一多，改个按钮颜色能牵出一堆bug，最后干脆把整个样式表重写了两遍。后来试了Sass、Less，觉得好一点，...

我的写法，亲测靠谱 做响应式开发这些年，我越来越觉得，工具本身不重要，关键是怎么用。CSS 框架换了一轮又一轮，但我现在基本就靠几个核心技巧撑全场。先上我目前最常用的响应式工具组合： <!DOC...

我的 Application 面板使用姿势，别再瞎点了 说实话，刚入行那会儿我真把 Application 面板当“查看工具”用——看看 localStorage 有没有存上，network 请求发没...

项目初期的技术选型 上个月接手了一个后台管理工具的优化需求，核心目标是让运营人员能快速配置一些动态行为，比如在特定页面插入一段 JS 脚本、修改某个按钮的行为，或者临时打个补丁修复线上 bug。原本是...

项目初期的技术选型 最近在做一个用户头像上传的模块，看似简单，但产品提了个需求：上传的图片要自动识别是否为证件照风格，如果不是，就给个提示。我一开始觉得这得上AI了吧？后来一想，先不急着搞复杂模型，图...

我为什么又要重新看图标这破事？ 说真的，我已经记不清第几次在项目里重构图标系统了。上周上线前两天，UI突然说要换一套设计语言，所有图标风格得统一，结果发现我们项目里图标五花八门：有的是 SVG inl...

项目初期的技术选型 这个项目是给一个内部监控系统做的实时数据仪表盘，要对接多个后端服务，每秒都有大量指标推送过来。最开始我们打算直接上 RxJS + 手动变更检测，但很快发现状态同步太复杂，尤其是当多...

项目初期的技术选型 这个项目是个老后台系统，一开始就是个简单的 Vue + Element UI 搭的管理页，用户量不大，但最近被安全团队扫出一堆问题：XSS、CSRF、敏感信息泄露……直接被打了个中...

先看效果，再看代码 我最近在搞一个微前端项目，主应用用 Vue，子应用有的是 React，有的还是老掉牙的 jQuery 项目。样式冲突直接炸了——点个按钮，整个页面排版乱飞。最离谱的一次是子应用的一...

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

优化前：卡得不行 说实话，这事儿我一开始真没当回事。用户登录后提示密码过期，点个按钮改一下嘛，能有多大事？但上线没两周，客服就炸了，一堆人投诉“改密码页面打不开”“卡死了”“转圈圈转了半分钟”。我去自...

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

我的写法，亲测靠谱 变量这东西看着简单，谁还不会声明个 const let var？但真在项目里混久了你就知道，变量管理才是最容易埋雷的地方。我最近重构一个老项目，光是理清那些到处飞的变量就花了两天，...

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

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

又双叒叕翻车了，Lynx下touch事件完全不响应 今天上线前最后测一遍移动端，好家伙，直接傻眼——页面在Lynx浏览器里滑都滑不动。不是卡顿，是压根没反应。touchstart能打console，但...