博客

先看效果，再看代码 最近在搞一个混合开发的项目，里面涉及到原生模块调用。说实在的，这种需求挺常见的，比如调用手机摄像头、获取地理位置这些功能，纯前端实现起来要么太复杂，要么根本做不到。 举个例子，我们...

Async Validator踩坑实录：异步校验的那些糟心事 最近在做一个表单校验的需求，涉及到用户名的异步唯一性校验。说起来简单，就是用户输入完用户名后，去后端查一下这个用户名有没有被注册过。结果这...

先说结论：我更喜欢用原生JS，但看场景 最近在做项目的时候又遇到了Tab切换的需求，说实话这种需求真的太常见了，我估计每个前端开发者都写过不下十次。不过每次写都会有点新的思考，尤其是用什么技术方案这个...

我的写法，亲测靠谱 先说结论：NgRx 的状态管理虽然强大，但写得不好会把自己折腾死。我一般喜欢用一种比较清晰的目录结构来组织代码，比如把 actions、reducers 和 selectors 分...

Grunt配置报错，折腾半天原来是路径问题 最近在用Grunt做项目自动化构建的时候，遇到了一个让人抓狂的问题。本来想快速搭个基础环境，结果一运行grunt命令就报错了，提示找不到某些任务。这里我踩了...

直接上手：CSP的基本用法 最近在项目里折腾了一下CSP（Content Security Policy），说真的，这玩意刚开始接触还挺让人头疼的。不过现在回过头看，其实核心就那么几个关键点。我先给你...

我的写法，亲测靠谱 CSP（Content Security Policy）里的frame-ancestors指令，说白了就是用来控制页面能不能被嵌套到iframe里。我在多个项目里都用过这玩意儿，踩...

项目初期的技术选型 这次的项目是个跨境电商平台，客户来自欧洲地区，对隐私合规要求特别高。一开始我以为只要简单加个弹窗就行，后来才发现GDPR（通用数据保护条例）的要求比想象中复杂得多。 选型的时候对比...

又踩坑了，Framer Motion在移动端的动画卡顿问题 最近在用Framer Motion做移动端页面的时候，遇到了一个特别头疼的问题。页面滚动时动画会出现明显的卡顿，尤其是在低端安卓机上，简直没...

又踩坑了，动画卡顿问题折腾了一天 昨天做移动端页面的时候，遇到一个特别烦人的动画性能问题。用CSS做的一个卡片滑动效果，在低端安卓机上卡得不行，掉帧严重。这里我踩了个坑，一开始以为是样式写得不够精简，...

优化前：卡得不行 最近接手了一个项目，页面加载速度慢到怀疑人生。首屏加载时间居然要5秒多，用户反馈说点个按钮都要等半天，体验简直糟糕透了。尤其是路由切换的时候，整个页面都会卡一下，看着CPU占用率飙到...

打包体积太大，首屏加载慢到离谱 前几天刚上线的项目，QA同学跑过来跟我说，首屏加载时间太长了，简直没法忍。我一听就有点慌，赶紧打开开发者工具看了一下，果然发现vendor.js居然有3MB多，这谁顶得...

项目初期的技术选型 这次的项目是一个在线表单构建工具，核心需求是让用户能动态添加各种表单组件。开始的时候我纠结过用传统的Options API还是新的Composition API，最后选择了Comp...

项目初期的技术选型 这次的项目是一个在线教育平台，主要功能包括课程管理、学习进度跟踪和在线测试。客户对系统的可维护性和扩展性要求特别高，毕竟教育行业的需求变化很快。开始我想用传统的MVC架构，简单直接...

项目初期的技术选型 最近刚做完一个电商类的中型项目，说起来还挺有意思的。这个项目的核心需求是一个购物车功能，用户可以在多个页面间切换，同时购物车的状态需要实时更新。一开始我还在纠结用什么状态管理工具，...

缓存穿透的那些事儿，我踩过的坑全在这了 最近又遇到缓存穿透的问题，折腾了好几天才搞定。这种问题每次遇到都让人头大，但解决完后回头看看，其实也就那么回事儿。今天就把我的实战经验分享出来，希望能帮到你们。...

优化前：卡得不行 最近接手一个移动端项目，里面用到了 Spy-Debugger 做调试工具。功能倒是挺强大，但性能问题简直让人崩溃。每次打开调试面板，页面就卡得像老牛拉破车一样，滑动操作延迟能到5秒以...

为什么我要对比这几套方案？ 最近在开发一个交互比较复杂的拖拽组件，需求是让用户能自由调整元素位置、缩放大小，还得支持多点触控。这种场景下，interact.js 是我的首选库之一。不过，为了保险起见，...

我的写法，亲测靠谱 先说说我用自动部署的实战经验吧。这几年做项目，自动部署真成了我的好帮手，特别是处理频繁更新的项目时。我一般会用 GitHub Actions 来做自动部署，代码一推送到仓库，服务器...

我的写法，亲测靠谱 最近在项目里用TimePicker踩了不少坑，分享一下我的最佳实践代码和思路。我一般会用Ant Design的TimePicker组件，功能比较齐全，社区支持也好。下面是我在实际项...