博客

项目初期的技术选型 去年下半年接手一个内部运营平台，要同时维护 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...

谁更灵活？谁更省事？ 我写这篇不是为了吹 WebAssembly 多牛，而是因为上周又在客户项目里被逼着选型——要在一个浏览器端图像处理模块里做高性能灰度转换和直方图计算。原先是纯 JS 写的，Chr...

先看效果，再看代码 扫码支付在移动端其实就两件事：生成二维码、等用户扫完回调。但真做起来，你会发现微信和支付宝的 SDK 不兼容、H5 调起原生扫码卡顿、iOS Safari 对 canvas 渲染二...

项目初期的技术选型 去年接了个内部管理后台的重构，需求挺典型：要支持多角色权限、带表单校验的数据录入页、带搜索/分页的列表页，还得能离线缓存部分静态资源。一开始团队里有人提 Next.js，但我翻了翻...

谁更灵活？谁更省事？ 我做移动端多端适配做了快六年，从最早写 rem + flexible.js 手动算根字体，到后来切 Vue 项目用 postcss-pxtorem 自动转，再到最近两个项目直接上...

项目初期的技术选型 去年接手一个后台管理系统重构，Vue 3 + Vite + TypeScript，目标是把原来跑得像老拖拉机的 Vue 2 单页应用换成能撑住 50+ 路由、20+ 表单模块的现代...

优化前：卡得不行 上个月给一个电商后台的视觉回归测试系统做维护，顺手跑了一次全量 visual testing（用的是 Storybook + Chromatic），结果 CI 流水线直接卡在 chr...

简要介绍 在现代网页设计中，视觉表现力已成为用户体验的重要组成部分。一个简洁而富有美感的背景图案，不仅能提升页面的整体质感，还能增强用户对品牌或内容的情感认同。本文将深入解析一段仅用纯CSS实现的渐变...