博客

我的写法，亲测靠谱 先上代码，这是我现在项目里通用的 touchmove 处理方式，主要用来做自定义滑动容器，比如轮播图、横向滚动列表这种。核心目标就一个：滑得顺，不卡顿，别跟页面默认行为打架。 co...

优化前：卡得不行 上周接到一个需求，要做一个移动端的文件管理器，支持通过 USB 调试从安卓设备读取文件列表。听起来不难，对吧？结果一上手直接被干懵了——页面一连上设备，加载个文件夹列表要 5 秒以上...

优化前：卡得不行 项目上线前做性能测试，首页加载直接 5 秒起步，热更新编译要等快 10 秒，开发体验烂到不想碰。最离谱的是，每次改一行代码，HMR 要转好久才生效，浏览器都快刷新出感情了。同事说我这...

又踩坑了，滚动到一半卡住不动 项目里用虚拟列表展示几千条数据，本来挺顺的，结果测试一拉到底就发现不对劲：滚到中间某处突然卡住，怎么划都不动。最离谱的是，手指还在滑，但列表就是不跟着走，像被冻住了。 第...

项目初期的技术选型 这项目是个内部用的内容管理后台，左侧是菜单栏，右侧是内容区。产品提了个需求：菜单要能吸顶，用户滚动页面的时候它得一直贴在顶部。听起来挺简单对吧？但实际做起来才发现一堆坑。 一开始我...

又来折腾插件架构了 最近接了个需求，要给一个内部工具系统做插件化改造。老系统是直接写死功能的，现在要让第三方能挂载自己的模块进来，类似 Chrome 扩展那种感觉。于是我又开始翻各种插件方案，对比了一...

优化前：卡得不行 项目上线三个月，数据一拉，Lighthouse 跑分移动端才 32。首屏加载时间平均 5.6 秒，部分低端安卓机甚至干到 8 秒以上。用户进来点两下就跳出，我看着都心疼。这个 Nux...

说实话，Emmet我只用这一个方案 先说结论：不管你在用什么前端工具链，只要你还在手写HTML结构，Emmet必须给我用起来。而且别整那些花里胡哨的自定义扩展，就用编辑器自带的那一套——VS Code...

项目初期的技术选型 上个月接手了个老项目，是个基于 Vue 2 的管理后台，打包出来的 vendor.js 超过 3.8M，首屏加载动不动就十几秒，用户投诉邮件都快炸了。老板说再不优化就“考虑换人”，...

先说结论，我基本只用两种方案 做前端这么多年，Switch 开关这种组件看起来简单，但真要写得灵活、可维护、还能应对各种交互需求，其实挺容易踩坑的。我见过太多项目里一个 switch 组件写得五花八门...

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

项目初期的技术选型 这个项目是个后台管理系统，用户量不算大，但部署频率挺高，基本一天三四次迭代。一开始我们用的是传统的 Nginx + 手动 scp 上传静态文件的方式，每次改完代码打包，再通过脚本推...

先写个计数器，看看这玩意儿咋用 别整那些虚的，上来就干。我第一次用 Constate 的时候，就是从最简单的计数器开始的，结果发现比 React Context 简单太多了。 直接上代码： impor...

项目初期的技术选型 上个月接了个后台管理系统的活，客户要做一个可配置的表单生成器。用户可以拖拽字段，每个字段组还能折叠收起。这需求听起来挺简单，但实际做起来才发现坑不少。 一开始我打算自己手写一个 c...

项目初期的技术选型 上个月接手了一个老项目的性能优化任务，页面首屏加载动不动就七八秒，用户反馈说“点开等得都想关了”。打开 DevTools 一看，瀑布流里全是静态资源，JS、CSS、图片，每个都重新...

又出幺蛾子了，API路径重写不生效 今天上线前最后检查功能，发现前端调用的某个接口死活走不到后端。报404，但后端同学说服务根本没收到请求。我第一反应是：是不是拼错了？查了一遍URL，没问题。然后怀疑...

先上代码，再讲别的 我最近在搞一个移动端视频播放页，客户非得要求横屏时全屏撑满、竖屏自动缩回去，还得适配各种安卓机和iOS。折腾了两天，踩了不少坑，但最终方案还是稳住了。今天不绕弯子，直接把最核心的实...

我的写法，亲测靠谱 Base64 内联这东西我用得不少，尤其是在做 H5 活动页、营销页这种对首屏加载速度要求高的场景。简单说就是把小图片直接转成 Base64 字符串塞进 CSS 或 HTML 里，...

优化前：卡得不行 上周上线了个新项目，是个移动端的 H5 页面，主打轻量互动。结果刚推出去，用户反馈就来了：“点不动”“加载半天白屏”“滑动直接卡死”。我自己拿测试机一跑，好家伙，首屏加载 5 秒多，...

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