博客

代码生成这事，真是又爱又恨 最近在重构一个老项目的时候，我遇到了一个挺头疼的问题。这个项目需要动态生成大量的表单组件，每个表单的字段、校验规则都不一样，而且后端接口返回的数据结构还经常变。一开始我觉得...

为什么我要对比这几套内存管理方案？ 最近在搞一个中后台管理系统，数据量大得离谱，稍微操作几下就发现内存占用蹭蹭往上涨。最烦的是页面切换后，旧的组件还没被回收，直接导致内存泄露。折腾了几天后，我决定把几...

先看效果，再看代码 前两天刚上线了一个协同编辑功能，亲测有效，用户反馈也不错。简单来说，就是多个用户可以同时在线编辑同一个文档，彼此的改动会实时同步，就像Google Docs那样。 我们用的是Soc...

优化前：卡得不行 最近在搞一个可视化配置的项目，说实在的，优化前简直没法用。页面加载慢就算了，拖拽组件的时候卡得像幻灯片一样，一顿一顿的。尤其是当画布上组件数量超过50个时，整个页面直接卡死。最夸张的...

我的写法，亲测靠谱 先说说我常用的缓存策略。在实际项目中，我一般会结合 HTTP 缓存和 Service Worker 来做，这样能覆盖大部分场景。HTTP 缓存用来处理静态资源，Service Wo...

项目背景和选型 最近做了一个电商后台管理系统，需求里要求有个全局的通知功能。说白了就是用户操作后给个反馈，比如“删除成功”“添加成功”这种提示。 本来想用Element Plus自带的Notifica...

Tab导航：我的选型逻辑 最近在重构一个项目的Tab导航时，我重新审视了几个常用的实现方案。其实这东西看似简单，但不同场景下选择的技术方案对后期维护和性能影响还挺大的。我主要对比了原生JS、jQuer...

优化前：卡得不行 最近在开发一个电商类的前端项目，首页加载慢得让人崩溃。用户点击进入后，页面要卡个四五秒才能完全展示出来。最离谱的是，切换商品分类时还会出现明显的卡顿，体验简直糟糕透了。 尤其是在低端...

多端适配的坑，真是防不胜防 最近在做一个移动端项目的时候，被多端适配折腾得够呛。本来觉得用 viewport 和 rem 就能搞定一切，结果上线后发现各种奇怪问题：字体大小不对、按钮点不到、布局错乱…...

我的写法，亲测靠谱 先说说我常用的抓包方式吧。我一般会用 Chrome DevTools 的 Network 面板，配合一些小技巧来排查问题。比如在调试移动端页面时，我会先把手机和电脑连到同一个 Wi...

又踩坑了，模块加载报错搞了我半天 前几天在重构一个老项目的时候，遇到一个关于Module的加载问题，折腾了半天。具体表现是：本地开发环境运行得好好的，一部署到测试环境就报错：Uncaught Type...

谁更适合你？主流组件库的实战对比 最近在重构一个中后台项目，纠结选哪个组件库。其实市面上主流的就那么几个：Ant Design、Element Plus、Chakra UI 和 Headless UI...

又踩坑了，固定高度导致内容被截断 最近在开发一个项目时遇到了一个头疼的问题：页面中的某些模块设置了固定高度后，内容居然被莫名其妙地截断了。折腾了半天才发现是CSS样式和动态内容之间的冲突。 事情是这样...

先看效果，再看代码 最近在做一个移动端H5页面的时候，遇到一个需求：用户点击按钮后，某个图标需要顺时针旋转720度。听起来挺简单对吧？但实际做的时候还是踩了不少坑。 我直接上核心代码： <div...

项目初期的技术选型 最近刚做完一个企业级管理系统，这个项目需要兼容IE11和一些老旧浏览器。说实话，一开始我挺头疼的，因为现代前端开发基本都默认支持ES6+了，但客户那边坚持要兼容老版本浏览器。 经过...

又踩坑了，Cascader级联滚动失效 前几天在做一个后台管理系统的时候，用了Element Plus的Cascader组件。本来觉得挺简单的功能，结果在手机端测试时发现了个大问题：下拉菜单里的滚动条...

全文搜索的坑，我踩了两天才爬出来 最近在做一个文档管理的功能，涉及到全文搜索。本来以为是个简单的活儿，结果被折腾得够呛。最后总算搞定了，但中间踩了不少坑，这里记录一下。 最开始的需求很简单：用户输入关...

又踩坑了，尾调用优化不生效 最近在写一个递归算法的时候，碰到了个挺棘手的问题。代码跑着跑着就爆栈了，明明记得ES6不是支持尾调用优化（Tail Call Optimization）吗？折腾了大半天才发...

又被安全测试虐了一顿，这次是XSS漏洞 最近项目上线前做安全测试，又被抓了个典型问题——XSS漏洞。说来惭愧，这种老生常谈的问题居然还能翻车。事情是这样的：我们有个评论功能，用户提交的内容直接渲染到页...

优化前：卡得不行 最近接手了一个移动端项目，说实在的，刚打开页面那会儿我都怀疑自己手机是不是快报废了。整个页面在低端机上滑动时就像放PPT一样，一顿一顿的，尤其是那个固定布局的头部和底部，简直惨不忍睹...