博客

优化前：卡得不行 搞Slate编辑器性能优化这事儿，真的是被逼出来的。之前做的那个富文本编辑器项目，用着现成的Slate，结果用户一多就开始各种卡顿。长文档编辑的时候，打字都感觉有延迟，滚动更是卡得想...

公共组件开发踩坑记 最近在重构项目的公共组件库，本来以为就是搬砖的活儿，结果搞出了不少意外情况。最大的问题是组件复用性太差，每次用都得改一堆配置项，而且样式冲突、状态管理这些问题接踵而来。 一开始的组...

React项目里CSS Modules配置踩坑记 今天在重构一个老项目的样式系统，准备把全局CSS改成CSS Modules，结果被各种配置搞得很头疼。本来以为就是改个文件后缀名的事儿，没想到折腾了一...

项目初期的技术选型 最近接了个B端项目，需要做用户权限管理，说实话刚开始我是有点抗拒的。以前做过几个项目，认证这一块总是各种麻烦，JWT、Session、OAuth2这些概念混在一起，每次都要重新梳理...

我的写法，亲测靠谱 预加载资源这事儿，说简单也简单，说复杂也挺复杂。我之前做个项目，页面首屏加载慢得要命，用户流失率高得离谱。后来我把预加载好好搞了一下，效果立竿见影。 我一般这么处理预加载： <...

Mapbox技术栈选型对比：我踩过的那些坑 最近几个项目都用到了地图相关的功能，主要是围绕Mapbox的各种方案选型。说实话，Mapbox生态圈确实挺复杂的，光是官方就提供了好几种不同的SDK和方案，...

Flutter中的StatelessWidget实战心得 最近在做一个Flutter项目，重新梳理了下StatelessWidget的一些用法。说实话，虽然看起来简单，但在实际项目中还是有不少细节需要...

DOM-based XSS防护：这几种方案我踩坑无数次了 说到DOM-based XSS，我真的是又爱又恨。前阵子在做项目安全加固的时候，被这玩意儿折腾得够呛。各种防护方案试了个遍，今天把踩过的坑都记...

先装环境再说别的 React Native Windows 这玩意儿，说实话装起来挺折腾的。我之前在 Mac 上开发习惯了，切换到 Windows 开发移动端应用，刚开始真是一脸懵逼。 首先得安装必要...

优化前：卡得不行 之前做那个数据看板项目，用RxJS处理实时数据流，本来觉得挺爽的，结果上线后用户反映页面卡得要死。监控数据显示，每秒接收100+条数据时，CPU占用率飙升到80%以上，页面基本没法操...

项目初期的技术选型 上个月接了个数据可视化项目，客户需要实时监控用户的操作行为，包括页面停留时间、点击热力图、滚动轨迹这些。说实话刚开始接到需求的时候有点懵，之前做的项目都是简单埋点上报，这次要求的颗...

这次对比几个Tooltip方案，我踩过不少坑 做前端这么多年，Tooltip组件用了无数次，每次项目都得纠结一下用哪个方案。之前做过一个企业后台系统，需要大量表单提示和信息展示，Tooltip用了好几...

先说说为啥要搞Web适配 做移动端开发，适配这个问题真的是绕不过去的大山。我之前接手一个项目，设计师给的设计稿是375px宽的，结果测试同学一测，iPhone 12显示正常，安卓各种机型都乱套了。这就...

项目初期的技术选型 最近做的那个电商项目，商品列表页面展示2000+商品，页面卡得一批，滚动条拖动都明显卡顿。一开始就是简单的React组件渲染，结果用户一滚动页面就卡死几秒，产品经理天天来催我优化。...

优化前：卡得不行 最近接手了一个老项目，用户反馈页面加载特别慢。打开Chrome DevTools一看，首屏加载时间竟然要5-6秒，其中有个接口响应时间就占了3秒多。仔细查看Network面板发现，每...

Grunt、Gulp、Webpack，我为什么还是怀念那个年代 最近新项目都用Vite了，回头看看Grunt这些老工具，突然有种想聊聊的想法。其实我比较喜欢用Gulp，但这几年Grunt给我踩了不少坑...

FID优化：三个主流方案我全用过，说说到底怎么选 最近在做性能优化，FID（First Input Delay）这个问题让我头疼了不少。虽然知道这个指标很重要，但具体到实现方案上，市面上有好几种不同的...

状态管理这场仗，XState为什么能打 最近在重构一个复杂的业务流程页面，涉及到大量的状态切换和流程控制，用传统的setState搞得很混乱。于是重新拾起了XState，顺便对比了一下Redux + ...

优化前：卡得不行 最近重构了一个后台管理系统的树形组件，真的是被性能问题折磨得够呛。那个树大概有3000多个节点，嵌套七八层深度，优化前每次渲染都要5秒多，展开收起更是卡得鼠标都动不了。用户反馈说点击...

项目中期发现打包体积暴增 最近一个项目做到一半的时候，突然发现打包出来的文件体积有点不对劲。本来预期是1MB左右的包，结果build出来一看，竟然飙到了4MB多。这个问题一开始没太在意，想着反正还有时...