框架

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

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

为什么要做这个对比？ 最近重构一个项目，需要做国际化，之前用过几个不同的方案，这次想系统对比一下常用的几个国际化方案。毕竟现在前端框架选择太多，每个方案都有自己的特点，踩过的坑也不同。我主要对比 i1...

Vue Query配置的最佳姿势，折腾半天才搞明白 刚开始用Vue Query的时候，我是直接按照官方文档来配的，结果项目一上线就发现各种问题。最大的坑就是缓存策略没搞对，用户刷新页面后数据还是老的，...

懒加载的核心，Intersection Observer API 说实在的，现在做懒加载，我已经完全不用传统的 scroll + getBoundingClientRect 那套了。Intersect...

先搞个最基础的打包优化配置 最近接手了个老项目，打包出来的文件能有20MB，用户加载得要死要活的。打开Chrome DevTools一看，主包chunk-vendors.js就有8MB，这还得了？直接...

模块拆分的边界到底怎么定？我踩过的坑 刚开始做模块开发的时候，我也纠结过这个问题。什么功能该独立成模块，什么功能该合并在一起，当时真的是凭感觉来的。结果就是要么一个模块太大，要么拆得过细导致维护成本飙...

前端生态对比：React、Vue、Angular三大框架实战分析 最近项目重构，又把几个主流框架翻出来对比了一遍。说实话，现在前端生态越来越成熟，选择困难症患者是真的纠结。今天就聊聊我这几年用下来的实...

useEffect里的异步函数，踩了个大坑 今天又在useEffect里踩坑了，这次是关于异步函数的问题。直接说结论吧，useEffect的回调函数不能直接返回一个async函数，React会给你报错...

CSS-in-JS、传统CSS、Tailwind，到底选哪个？ 最近项目重构，又到了选样式方案的时候。每次遇到这种情况都挺纠结的，特别是现在各种方案都挺成熟了，各有各的好处。我之前用过几种，这次重新梳...

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

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

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

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

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

Hooks方案对比：我为什么更偏爱自定义Hook 最近重构一个老项目，遇到各种状态管理需求，顺便梳理了一下React Hooks的几种使用方案。说实话，用多了之后发现每种方案都有自己的适用场景，踩过不...

我的写法，亲测靠谱 用Pinia也有一年多了，从Vue2迁移到Vue3的时候顺便把Vuex换成了Pinia。说实话，官方文档写得确实比Vuex清爽很多，但实际项目中还是有些坑需要填。 先说说我的sto...

React状态管理那些坑，我踩得差不多了 搞React这么久了，最大的感受就是状态管理真的是一门玄学。刚开始写的时候总觉得setState简单得很，后来才明白，简单的API后面藏着不少需要注意的地方。...

先看效果，再看代码 最近项目里又要做一个动态页面搭建系统，说白了就是让运营同学能拖拽组件、配置字段、实时预览。听起来挺高大上，其实核心就两件事：一是怎么把 JSON 配置转成真实 DOM，二是怎么让这...

我的写法，亲测靠谱 在 Vue 项目里做国际化，我基本都用 Vue I18n。但说实话，一开始用得特别糙，直接在组件里写 $t('xxx')，语言包全塞在一个文件里，后期维护简直噩...