博客

webpack optimization配置：到底该选哪种压缩方案？ 最近重构项目的时候，又碰到了webpack optimization配置的老问题。说实话，搞了这么多年前端，每次遇到这个问题还是会...

scrollIntoView这个API，差点把我搞疯了 今天遇到一个看似简单的需求：点击某个按钮，让页面滚动到指定元素位置。听起来就是scrollIntoView的事儿，结果折腾了一下午，各种诡异的问...

组件使用示例的那些坑 最近在重构一个组件库，碰到了一些使用示例的问题。说实话，这玩意儿看着简单，真要做好的话还是挺麻烦的，特别是要考虑各种边界情况和用户使用习惯。 最开始的想法很简单，就是在组件旁边加...

消息确认机制踩坑记 今天搞消息确认功能又折腾了半天，说起来这个需求其实挺简单的，就是用户发消息后要确保对方收到了，然后显示一个已读的小图标。但真正做起来才发现坑不少，特别是网络不稳定的时候，各种边界情...

为什么要做这个对比？ 最近在重构一个老项目，碰到了状态管理的选择问题。React这边Redux和Zustand都在用，Vue那边Vuex和Pinia也都有接触，突然想系统梳理一下这几个状态管理工具的实...

我的React组件设计，亲测靠谱 写React快三年了，早期踩的坑现在想想还是痛。特别是组件设计这块，我之前总是想着把所有逻辑塞到一个组件里，结果项目一复杂就炸得不行。现在我的做法是：单一职责，数据流...

Rust编译失败，Cargo.toml配置搞死我了 昨天遇到一个离谱的问题，Rust项目死活编译不过，各种dependency冲突，折腾了一晚上才搞定。本来以为就是普通的版本问题，结果发现是Cargo...

非对称加密方案对比：RSA vs ECC vs EdDSA 最近在做一个安全登录的项目，涉及到用户密码传输加密的问题。虽然之前也接触过非对称加密，但都是用现成的库糊弄过去，这次决定好好研究一下各种方案...

为啥要做这次对比？ 最近接手了一个混合移动项目，客户要求支持iOS和Android，预算还不太宽裕。我看了几个方案：原生开发成本太高，纯Web移动端体验差点意思，最后就在Ionic和React Nat...

项目中按钮组件的需求演变 最近的项目是个电商后台系统，按钮这块儿其实挺复杂的。一开始想着就是普通的按钮嘛，加个loading状态，disabled状态，颜色变一下就行。结果项目进行过程中，产品那边的需...

优化前：卡得不行 上个月做那个电商后台管理系统的商品列表页面，优化前真的是卡得让人怀疑人生。页面上有1000多个商品，每个商品都有删除按钮、编辑按钮、选择框，还有悬停效果。用户一滚动页面就开始卡顿，点...

为什么要做这次对比？ 最近做组件库重构，被Shadow DOM的各种方案搞得有点懵。以前只是零散地用过Web Components，这次深入对比一下不同的实现方案。说实话，这个技术真的是一言难尽，浏览...

先说说我为啥要重新整理数据结构 最近重构一个老项目的搜索功能，用户输入关键词后要返回相关商品列表，但数据量特别大，每次搜索都卡得不行。看了眼控制台，原来是从后端返回了一个复杂的嵌套对象，前端还要做各种...

优化前：卡得不行 之前做个项目，有个模糊搜索功能，数据量大概5000条左右。用户输入一个字符，就开始遍历整个数组匹配，结果就是输几个字母，页面直接卡死几秒钟。Chrome DevTools 显示 JS...

开篇：为啥要对比这么多Table方案 最近项目里表格需求特别多，从简单的数据展示到复杂的增删改查，各种场景都碰到了。之前一直用Element UI的el-table，感觉还行，但遇到复杂表格时总觉得不...

这次真的是被CSS动画搞蒙了 上周遇到一个需求，需要做一个按钮点击后先放大然后缩小回原状的动效，看起来挺简单的，结果折腾了我整整一天。刚开始觉得用transform就能搞定，结果发现动画执行完之后元素...

编译优化：我踩过的那些方案对比 最近重构了一个大型项目，涉及到编译优化这块儿，踩了不少坑。之前一直觉得打包工具就是webpack一把梭，直到这次项目规模上来后才发现，不同的编译优化方案差别还是挺大的。...

这次的组件封装让我想重新学Vue 最近在重构一个项目的时候，被组件封装给折腾得够呛。说实话，我之前写组件都是能跑就行，也没太在意复用性和扩展性。结果这次遇到的需求稍微复杂一点，之前的写法完全不够用了。...

我的预获取策略，经过多个项目验证 说实话，预获取这玩意儿我一直觉得挺玄学的，直到去年重构那个电商项目才真正搞明白怎么玩。之前总是觉得预获取就是简单地提前加载资源，结果经常遇到缓存污染或者浪费带宽的问题...

一个管理后台项目的路由设计 最近做了个企业级的后台管理系统，说实话嵌套路由这块还是挺折腾的。项目需要实现多个模块的深度嵌套，比如订单管理下面还要分待支付、已支付、已完成这些子状态页，用户管理里也要细分...