博客

项目背景和用户同意的引入 最近刚结束一个电商类项目，需求里有一条是必须要有“用户同意”的功能模块。一开始我觉得这不就是个弹窗加个勾选框的事吗？后来发现完全不是这么回事，光这个功能就折腾了我好几天。 事...

项目初期的技术选型 这次的项目是一个内部管理系统，主要功能是管理一些业务数据。客户对界面的要求是“简洁、专业”，并且希望快速上线。考虑到这些需求，我一开始就在想用什么UI框架比较合适。之前做过几个类似...

优化前：卡得不行 前段时间接手了一个项目，说实话，优化前的状态真是让人崩溃。页面加载时间平均在5秒以上，复杂交互的响应时间更是慢到离谱。最要命的是列表页滚动时频繁掉帧，卡顿感特别明显，用户体验简直没法...

项目背景和为什么选橡皮擦功能 最近接了个在线教育平台的项目，客户提出一个需求：在白板工具里加入橡皮擦功能。说实话，一开始我有点懵，心想不就是清除画布上的内容嘛，直接用clearRect()不就搞定了？...

项目背景和循环引用的引入 最近做了一个数据可视化项目，主要用Vue 3开发。项目要求实现一个复杂的数据联动功能：多个图表之间需要实时同步数据更新，同时还要支持撤销/重做功能。刚开始设计的时候觉得挺简单...

为什么我决定对比这几个方案？ 最近接手了一个移动端项目，客户的要求很简单：页面要快、体验要好。听起来简单，但实际做起来才发现，性能优化这事儿真是个无底洞。尤其是涉及到滚动、动画这些交互密集的场景，各种...

先看效果，再看代码 最近在项目里做了一个动态表单生成器，核心功能是根据后端返回的配置数据，渲染出不同类型的表单项。比如输入框、下拉菜单、日期选择器这些常见的组件，都可以通过配置文件自动生成。 下面是一...

高德地图踩坑记：为啥我的地图点位老是漂移？ 最近在开发一个项目，要用到高德地图API来展示一些地理位置。听起来挺简单的，对吧？结果我在这块折腾了大半天，差点怀疑人生。 先说问题吧：我在地图上标记了一些...

优化前：卡得不行 最近在做一个带手风琴效果的项目，原本觉得就是个简单的交互组件，结果上线后发现性能差到离谱。特别是在低配安卓机上，切换面板的时候卡得像PPT，完全没法用。最夸张的是有用户反馈说整个页面...

FCP指标到底是个啥？我的理解 先说下FCP，全称First Contentful Paint，翻译过来就是首次内容绘制。简单点说，就是用户打开页面后，第一次看到实际内容的时间点。这玩意儿现在越来越重...

项目背景和选型思考 最近刚做完一个后台管理系统，功能不算复杂，但配置管理模块让我折腾了好一阵子。这个模块需要支持多套环境的配置对比和切换，比如开发、测试、生产环境的API地址、接口超时时间这些参数。 ...

先看效果，再看代码 最近做了一个3D地图的项目，需求是展示一个城市的地标建筑分布。实话说，刚开始我还挺头疼的，毕竟3D地图这玩意儿听起来就复杂，但折腾了几天后发现，其实也没那么难。 核心思路就是用Th...

项目初期的技术选型 最近刚结束一个电商类的H5项目，说实话挺折腾的。项目主要用Vue3开发，涉及到支付、商品展示这些常规功能。但让我印象最深的是处理未捕获的Promise异常这个问题。 当时选择监听u...

项目初期的技术选型 最近刚结束一个电商类的项目，整个过程真是让我对插件有了新的认识。这个项目主要是做移动端的商品展示和下单功能，要求快速开发并且性能要好。说实话一开始我也没想到要用这么多插件，但随着需...

又踩坑了，SSR渲染性能问题折腾了我两天 最近在做一个基于Next.js的项目，遇到一个头疼的问题：首屏加载速度慢得让人抓狂。用户访问页面时，明明数据量不大，但硬是要等个两三秒才能看到内容。这里我踩了...

优化前：卡得不行 最近做的一个项目，首页加载慢到离谱。用户进来后白屏时间太长，优化前足足有5秒多的白屏，尤其是低网速环境下，简直让人崩溃。我试了几个工具测了一下，Lighthouse 给出的性能评分只...

我的写法，亲测靠谱 先说说我用 TailwindCSS 的核心思路吧。我一般不会直接在 HTML 里堆一堆类名，而是会结合组件化开发的方式，把常用的样式封装成 React 或 Vue 组件。这样既能复...

又踩坑了，pre-commit 怎么突然不工作了？ 前两天我在项目里加了一个 pre-commit 钩子，用来跑 ESLint 校验代码。本来一切正常，但今天提交代码时，发现 pre-commit 突...

Scrum看板的核心实践，我踩过的坑都在这了 最近几个项目都用到了Scrum看板，从最初的乱七八糟到后来逐渐摸清门道，中间踩了不少坑。今天就来聊聊我的实战经验，尤其是那些容易被忽略的细节。 先说最重要...

我的写法，亲测靠谱 Popconfirm这个组件我用得挺多的，尤其是在一些需要二次确认的操作场景下。它比普通的Modal更轻量，也比Confirm更灵活。分享一下我常用的写法： import { Po...