博客

项目初期的技术选型 上个项目是个老系统改造，原来的几个独立后台要整合到一个统一的管理平台里。每个子系统都是不同团队维护的，技术栈也不一样，有 React 的、Vue 的，甚至还有一个是 jQuery ...

项目初期的技术选型 当时在做一个数据看板类的后台项目，客户要求图表要好看、交互顺滑，还得能快速响应数据变化。一开始我们团队也讨论过用 ECharts 还是 Chart.js，但后来我查了一圈 Rech...

先说结论，别整那些虚的 我搞过好几个中大型项目，打包优化这块没少折腾。关于 sideEffects 配置，很多人还在懵：到底要不要写？写了有什么用？tree-shaking 真靠它吗？ 我的结论是：如...

先上代码，别整虚的 今天要聊的是一个我在项目里反复用到的组件：可编辑表格行（Editable Row in Table）。不是那种花里胡哨的拖拽排序表格，就是最朴素的需求——点击编辑，输入框弹出来，改...

项目初期的技术选型 这个项目是个后台管理系统，用户要能在侧边栏里自由拖拽模块排序，还要能通过插件机制动态加载一些第三方功能，比如报表导出、快捷审批之类的。一开始我们想自己搞个简单的插件系统，用 imp...

又踩坑了，mixin里变量不生效 今天改一个旧项目样式，想用 postcss-mixins 写个响应式 mixin，结果定义完死活不生效。代码看着没问题： @define-mixin responsi...

密码加密方案，我为啥现在只用 Argon2 先说结论：我现在新项目一律上 Argon2，老项目能迁就迁。bcrypt 也还行，但已经不够看了。至于那些还在用 SHA-1 拼盐的，真的别闹了。 其实我也...

先看效果，再看代码 我最近接手了一个老项目，构建时间从原来的十几秒飙到了快一分钟。Webpack 那套配置已经复杂到没人敢动，每次改点东西都得祈祷别出问题。直到我试了 esbuild —— 你猜怎么着...

我的写法，亲测靠谱 我用 Final Form 已经三年多了，从 React 16 那会儿就开始用，一直到现在 React 18 也没换过表单库。不是说它完美，而是它够轻、够灵活、类型支持也还行。但坑...

我的写法，亲测靠谱 做移动端原生UI开发这些年，踩过的坑比走过的路还多。尤其是那种看似简单、实际一上线就各种诡异问题的交互，比如 touch 事件冲突、滚动卡顿、点击穿透……我一般这样处理：先上代码，...

SVN 和 Git？早该换但还得用 我最近接手了一个老项目，前端代码仓库居然是 SVN。说实话，看到那一堆 .svn 目录的时候，我心里咯噔一下。这年头谁还用 SVN 做主干版本管理啊？但现实是，有些...

项目初期的技术选型 这项目是个给客户做的静态内容站，主要是展示产品文档、更新日志和一些帮助中心的内容。需求明确：不需要后端逻辑，但结构要清晰，SEO 要好，还得方便客户自己后期维护 Markdown ...

又踩坑了，Upload组件传参死活不生效 今天上线前最后联调，发现一个低级到离谱的问题：我用的Upload组件，明明在data里写了token，但发请求的时候header里就是没有Authorizat...

这玩意儿真该早点统一 我最近在搞一个前端数据过滤器，用户要能自定义查询条件，后端用 JQL（Java Query Language）处理。本来以为就是传个字符串过去完事，结果发现前端构造 JQL 字符...

优化前：卡得不行 项目用 icestark 做微前端架构，一开始没太在意性能，只觉得能跑就行。结果上线后用户反馈首页加载慢，子应用切换卡顿，甚至有时候点一下菜单，要等两三秒才有反应。我自己在低端安卓机...

预览模式搞了这么多年，我到底在选什么？ 说实话，做预览模式这事，我已经做过不下五遍了。后台编辑内容，点一下“预览”，页面就变成用户看到的样子——看似简单，实现起来坑多得要命。最近又接了个新项目，又要搞...

这玩意儿我踩过好几次坑 Constraints 这东西，说白了就是“限制条件”。在前端开发里，它经常出现在表单校验、数据建模、状态管理甚至布局系统中。比如你写个用户注册页，邮箱必须合法、密码要8位以上...

又踩坑了，touchmove滚动失效 搞了个拖拽网格布局，PC端好好的，手指一碰手机屏幕——页面卡死，根本没法滚动。这谁顶得住？我以为加个 touch-action: manipulation 就完事...

我又在自定义事件上踩坑了 上周改一个老项目的状态通知逻辑，原本用的是简单的回调函数传数据，结果越改越乱，父子组件之间传来传去，最后我干脆重构了一把，上了自定义事件。但问题是，方案太多：EventTar...

为啥我要折腾 ApexCharts 的几种用法？ 上个月接了个数据看板的活儿，客户要一堆动态图表，柱状图、折线图、饼图轮着来，还得支持响应式和导出图片。我第一反应就是上 ApexCharts —— 轻...