博客

谁更灵活？谁更省事？移动端 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（别问，问就是政务客户）。一开始我真想用 ...

项目初期的技术选型 去年下半年接手一个内部运营平台，要同时维护 Web、H5 和微信小程序三端。一开始是三个独立仓库，各自 npm install 一堆重复依赖：lodash、dayjs、axios、...

优化前：卡得不行 这个步骤进度组件是给一个教育类表单用的，总共7步，每步要填一堆字段、上传文件、校验逻辑还特别重。上线前我压根没测性能——毕竟就几个 div + 一些 class 切换嘛，能有多大事？...

谁更灵活？谁更省事？ 幂等性这玩意儿，我最早是在做支付回调时被逼着搞明白的。客户点两次“确认付款”，后端不能扣两笔钱；用户手抖连点三次提交订单，不能生成三单。那会儿我还在用“前端加按钮禁用 + 后端查...

优化前：卡得不行 上个月上线一个数据看板，前端调用内部多个微服务 API，其中一半接口走的是 https://jztheme.com/api/（纯静态资源托管），另一半是 https://backen...

我的写法，亲测靠谱 我用 Sapper 做过三个上线项目，最长的维护了两年多。不是那种 demo 级别，是真实用户每天在用、SEO 要跑、SSR 渲染不能崩、API 会超时、图片加载会失败的项目。Sa...

谁更灵活？谁更省事？SVG Sprite 的三种主流搞法 说实话，我写这篇文章不是因为热爱 SVG Sprite，而是因为上周又在老项目里被它坑了一次——图标突然不显示，控制台没报错，Network ...

又踩坑了，iframe里滚动不跟手还卡顿 今天上线前测个功能，页面里嵌了个 iframe，加载的是我们自己写的后台管理页（地址是 https://jztheme.com/admin），结果用户一滑就卡...

优化前：卡得不行 去年底上线的用户注册页，有个邮箱字段要做「实时校验是否已注册」。逻辑很简单：输入完邮箱，失焦时发个请求查一下。但上线后客服天天反馈——“用户说输完邮箱要等好久才给提示，有人等不及直接...

我的写法，亲测靠谱 Tooltip 这玩意儿看着简单，但真在项目里用上三个月，我删了又改、改了又回滚，最后定稿的版本其实就十几行核心逻辑。不是用 fancy 的库，也不是抄 Ant Design 源码...

优化前：卡得不行 我们团队用 React 写了个内部 Scrum 看板，一开始也就 3 列、20 来张卡片，跑得飞快。结果上生产不到两周，产品经理开始往里塞需求：列数涨到 8 列，每列平均 40+ 卡...

优化前：卡得不行 上周上线了个新模块——商品瀑布流，后端给了个无限滚动接口，前端用 IntersectionObserver 监听底部元素，触发加载。听起来很标准对吧？结果用户一刷就卡顿，iOS 上手...

项目初期的技术选型 去年底接了个内部文档系统的需求：给一个中等规模的前端团队建一套组件库文档站，要支持版本切换、API 自动提取、搜索、主题定制，还得能嵌入 React/Vue 示例代码块。本来想直接...

优化前：卡得不行 上周上线一个数据看板，用户反馈“点开页面要等五秒才出数据”，我第一反应是“不可能吧，接口就几个 GET，连 mock 都跑得飞快”。结果自己点开一试——真卡。F12 打开 Netwo...