博客

我的写法，亲测靠谱 先说说我常用的组件定制写法吧。最近一个项目里用到了这样的方式： import BaseButton from './BaseButton'; const Cus...

我的写法，亲测靠谱 Rollup 用久了，发现配置文件其实挺有讲究的。我现在的习惯是把核心功能拆分成模块化的小块，既好维护又清晰。下面是我的标准配置，直接贴代码： import resolve fro...

先看效果，再看代码 增量静态生成（Incremental Static Regeneration，简称ISR）这玩意儿，我最近在项目里折腾了一阵子。说白了，它就是让你的静态页面能“动态更新”，听起来很...

优化前：卡得不行 前几天接手了一个老项目，说实话，刚跑起来的时候我人都傻了。页面加载慢就算了，滚动和交互还各种卡顿，简直没法用。尤其是列表页，稍微滚动一下内存占用就飙升，浏览器直接飙到100%的CPU...

Accordion手风琴又给我整了个大麻烦 最近在项目里做了一个手风琴组件，想着挺简单的，结果踩了不少坑。最头疼的问题是：当我快速连续点击不同的面板时，动画会变得特别卡顿，甚至直接卡死。折腾了大半天才...

Android支持这块，我踩过的那些坑 说实话，Android支持这块真是让我折腾了不少。记得去年做一个项目时，客户要求兼容到Android 4.4，我当时就懵了。不过经过几次踩坑后，我也总结出了一些...

先看效果，再看代码 最近刚上线了一个项目，前端部署这块折腾得够呛。如果你也在用Vite做项目开发，那我强烈建议你试试下面这套配置方法，亲测有效。 先上个最简化的配置代码： import { defin...

谁更省事？三种滚动穿透方案的实战对比 最近在做移动端弹窗组件的时候，又被滚动穿透问题折腾得够呛。说实话，这个问题看似简单，但真要彻底解决还是有点麻烦的。这次我干脆把常用的几种方案都试了一遍，顺便给大家...

我的写法，亲测靠谱 先说结论吧，我一般这样用 will-change： .modal { transform: translateZ(0); will-change: transform, opaci...

项目初期的技术选型 这次的项目是个电商类的移动端H5页面，需求里提到要让用户体验更“顺滑”，听起来挺虚的，但实际就是要在用户操作的时候加点微交互。我一开始也没太在意，觉得不就是加点动画嘛，后来发现还真...

又踩坑了，Framer Motion的动画卡顿问题 最近在用Framer Motion做移动端页面的时候，遇到一个挺头疼的问题。页面上的动画效果在iOS设备上总是卡顿，尤其是快速滑动时，动画会突然变得...

我的写法，亲测靠谱 先说说我用 Pinia 的习惯吧。说实话，刚从 Vuex 转过来的时候，我还真有点不适应。但用了几个项目之后，发现 Pinia 真香。我一般会在 src/stores 文件夹下按功...

优化前：卡得不行 最近做的一个项目里，有个页面需要实时监听用户的滑动距离，用来动态调整一些UI效果。听起来挺简单的对吧？结果上线后发现，稍微滑快一点就卡得受不了，丢帧严重到怀疑人生。 尤其在低端安卓机...

又踩坑了，虚拟滚动竟然卡成PPT 最近在做一个数据展示的项目，列表项可能达到几千条。直接渲染的话页面直接卡死，于是我果断选择了虚拟滚动。但万万没想到，这个看似简单的功能让我折腾了整整两天。 一开始用的...

resolve配置把我折腾惨了 最近在重构一个老项目，用的是Webpack 5。本来以为升级完Webpack就万事大吉，结果一跑项目就报错，说找不到模块。这里我踩了个坑，花了整整一天才搞定，写下来给大...

优化前：卡得不行 最近在开发一个React项目，页面上有大量动态数据需要实时更新。一开始我用useState来管理这些状态，结果随着数据量增加，页面性能越来越差。特别是在数据频繁更新时，界面直接卡成了...

优化前：卡得不行 最近在项目里用到了一个Progress动画，原本以为挺简单的，结果一上线就翻车了。用户反馈说页面滚动的时候动画卡得受不了，尤其是低端机上直接没法看。我自己试了一下，发现确实有问题，特...

为什么要对比这几个方案？ 最近在搞一个Flutter项目，状态管理这块让我纠结了好几天。说真的，Flutter的状态管理方案太多了，Provider、Riverpod、Bloc等等，挑得我头都大了。最...

又踩坑了，走马灯的自动播放怎么这么难伺候 最近在项目里写了个Carousel组件，本来以为是个简单需求，结果被自动播放功能折腾得够呛。问题出在移动端，页面滚动时走马灯还在自顾自地播放，导致性能消耗很大...

我的写法，亲测靠谱 先说说我用Stream流的一些习惯吧。最近在处理一个大文件上传的需求，服务器要求分片上传，前端要对文件进行切割和并发控制。这种场景下，Stream流简直是神器。 核心代码其实就这几...