博客

又踩坑了，useScroll 在 iOS 上疯狂触发 scroll 事件 今天上线前测兼容性，发现一个诡异问题：在 iPhone Safari 上，只要页面稍微滑一下，useScroll 就像抽风一样...

核心代码就这几行，但得先搞懂它为啥不生效 上周上线一个小程序活动页，首页要实现「手指按住拖拽滚动卡片」的效果（类似小红书那种横向滑动卡片流）。我理所当然地写了 touchstart + touchmo...

优化前：卡得不行 上周上线一个数据看板页，嵌了七八个子组件——筛选器、时间轴、图表容器、指标卡片、导出按钮……每个都用 Vue 3 的 defineProps + defineEmits 做父子通信，...

项目初期的技术选型 去年接了个内部工具项目，要搞一个「可视化流程编排器」——拖拽节点、连线、配置参数，最后导出 JSON 发给后端。UI 框架用的是 Vue 3 + Pinia，UI 库是自研的一套组...

优化前：卡得不行 上个月上线了一个移动端活动页，首页带轮播图、商品瀑布流、底部弹层表单，还塞了三个第三方 SDK（埋点、客服、广告）。测的时候用自己 iPhone 13 还行，结果一发灰度，客服就炸了...

项目初期的技术选型 去年年底接了个活动页项目，需求很典型：首页轮播图 + 产品卡片横向滑动 + 一个带锚点的横向导航栏。客户明确要求“必须支持手指拖拽滑动”，且要兼容 iOS 和安卓主流机型（最低 i...

优化前：卡得不行 上周上线一个带类型提示的组件库文档站，本地 dev server 启动要 5.2 秒，热更新（HMR）平均延迟 3.8 秒，改一行 interface 就得等 4 秒才看到效果。最离...

我的写法，亲测靠谱 权限缓存这事，我前后在三个项目里折腾过：一个中后台系统（Vue 2 + 后端 RBAC）、一个 SaaS 多租户管理台（React + 权限策略动态加载）、还有一个小程序后台（un...

优化前：卡得不行 上周上线一个后台管理页，Desktop First 的布局（就是 PC 端优先写，移动端靠媒体查询降级），结果 QA 直接发来个录屏：鼠标滚轮一划，页面卡顿半秒起步，Tab 切换面板...

框选功能又翻车了，touchstart/touchmove死活不触发 今天在给一个内部工具加「框选」功能——就是按住鼠标/手指拖拽，画个矩形，把里面的卡片全选中。PC端搞完测试没问题，一上真机（iOS...

优化前：卡得不行 上个月上线一个内部用的 JSON Schema 配置编辑器，用户反馈“点保存要等好几秒，切个 tab 都卡”。我一开始不信，自己点了几下——真卡。从点击「保存」到弹出成功提示，平均 ...

优化前：卡得不行 项目上线两周后，客服开始反馈：「用户点删除按钮，点了三遍才弹出确认框」「撤回操作经常没反应，等两秒突然弹出来」。我第一反应是「这谁写的破逻辑」，结果一查，是我自己上个月写的…… 我们...

谁更灵活？谁更省事？ 最近上线一个静态博客站点，访问量不大但用户分布挺散——东南亚、南美、东欧都有人看。本来图省事直接扔在 GitHub Pages 上，结果某天被朋友吐槽“点开要等三秒”，我打开 D...

谁更灵活？谁更省事？移动端 Transform 的三种写法，我选了最后一个 做移动端动效时，Transform 是绕不开的。但实际项目里，我经常被问：「这个动画用 CSS 写还是 JS 控制？用 tr...

项目初期的技术选型 上个月在做一个内部数据看板项目，需要给一堆指标卡片加「点击查看详情」的入口。最开始想直接用 Tooltip，但产品说「要能放表格、按钮、甚至带搜索的下拉」——Tooltip 显然撑...

谁更灵活？谁更省事？JSBridge安全方案实操对比 我干了六年 Hybrid 开发，前前后后搭过四套 JSBridge，从最早用 window.WebViewJavascriptBridge 硬塞，...

项目初期的技术选型 去年下半年接了个车载中控屏的 H5 项目，需求很“朴实”：一个横屏仪表盘页面，显示车速、电量、续航、地图缩略图，所有数字和图标必须在不同分辨率设备上保持物理尺寸一致——比如车速数字...

优化前：卡得不行 上个月上线一个表单页，iOS用户一打开键盘，整个页面就“顿”一下，输入框偶尔还闪一下、跳一下，甚至有用户反馈：“点进去要等三秒才弹键盘”。我们自己测 iPhone 13 + iOS ...

谁更灵活？谁更省事？ 这问题我去年在三个项目里反复问自己：登录态怎么管？不是“要不要鉴权”，而是“用啥管最不扯皮”。JWT、Session、OAuth 2.0（含 PKCE）、还有现在越来越火的 Co...

项目初期的技术选型 去年下半年接了个后台管理系统的重构活儿，需求挺典型：权限粒度细（按钮级）、数据实时性要求高（比如审批流状态变更要秒推）、还要兼容 IE11（别问，问就是政务客户）。一开始我真想用 ...