博客

Icon Font又给我整了个大坑 最近在项目里用Icon Font，本来觉得挺简单的，结果发现字体图标在某些安卓机上直接显示成了方块。折腾了大半天，最后终于搞定了，这里记录一下踩坑过程。 问题出在哪...

Push API的坑，我踩了不止一个 最近在搞移动端的消息推送功能，用到了Push API。听起来挺简单的一个API，结果折腾了我整整两天。这里记录下我遇到的几个坑和最终解决方案，给同样踩坑的小伙伴一...

先说结论：Base64编码的几种实现，我更喜欢用浏览器原生API 最近在做一个图片上传的功能，涉及到Base64编码转换。说实话，这个看似简单的需求让我折腾了好久，试了三四种不同的实现方式，踩了不少坑...

生态插件的使用，我踩过的坑和总结的最佳实践 最近在项目中用到了不少生态插件，说实话，这东西用得好是神器，用不好就是噩梦。今天就来聊聊我在实际开发中的经验和教训，希望对大家有帮助。 我的写法，亲测靠谱 ...

直接上手，预连接怎么用？ 最近在优化一个项目的时候，发现页面加载速度有点慢。仔细分析后发现，某些第三方资源（比如字体、图片CDN）的DNS解析耗时比较长。这时候我就想到了预连接（preconnect）...

先看效果，再看代码 最近在项目里用到了Actions指令，这个东西真是越用越香。简单来说，它是一种轻量化的事件绑定机制，特别适合用来处理用户交互。 比如我之前做了一个点赞功能，原本是用addEvent...

我的写法，亲测靠谱 Blame追溯这事儿，我折腾过不少次，尤其是在团队协作的项目里。说实话，它本质上是个代码版本管理工具的功能，但用得好能极大提升效率，用不好就是一堆无用信息。 先说说我最常用的命令吧...

这LCP优化太折腾了，差点没扛住 最近在做移动端性能优化，被LCP（最大内容绘制）折磨得够呛。页面加载速度倒是还行，但Google PageSpeed Insights的分数就是上不去，一看报告，LC...

项目初期的技术选型 最近在开发一个用户登录系统时，验证码成了绕不开的一环。说实话，开始我挺纠结的，到底是用传统的图形验证码，还是现在流行的滑块验证，或者直接上短信验证码？后来考虑到安全性和用户体验的平...

开头：为什么我决定对比这几种Switch开关方案 最近在项目里用到了Switch开关组件，需求很简单，就是个开/关的交互。但问题是，不同场景下这个小东西的需求差异还挺大：有时候要自定义颜色，有时候需要...

先看效果，再看代码 最近在做一个项目的时候，有个需求是要操作DOM元素的焦点。我第一时间想到的就是用useRef，因为这玩意儿真的太好用了。来，直接上代码： import React, { useRe...

先看效果，再看代码 最近在团队协作的时候，发现大家提交的代码质量参差不齐。有人直接把console.log留在代码里，有人没跑eslint就提交了代码，搞得每次code review都得花不少时间去处...

为什么我要对比这几个方案 最近在做一个项目，涉及到前端构建工具的选型问题。说实话，Webpack 用了很多年了，虽然稳定，但总觉得有点老气横秋。Vite 确实不错，但我总想试试新的东西，看看有没有更高...

我的写法，亲测靠谱 最近用Analog做了一个中型项目，踩了不少坑，也总结了一些实用的经验。先说最重要的：在处理异步数据时，我一般会这样写： import { useAsyncData } from ...

先看效果，再看代码 最近在优化一个电商网站的交互体验时，我发现用户经常会把鼠标悬停在商品图片上。为了提升加载速度，我试了一个小技巧：当用户 hover 到某个商品区域时，提前加载详情页的数据。亲测有效...

我的写法，亲测靠谱 分页这个功能，我写了不下几十遍了。说实话，一开始我也踩过不少坑，但经过几个项目的折腾，总结出一套自己觉得还不错的写法。核心代码其实不复杂，重点是思路要清晰。 下面是我常用的Pagi...

列级权限这个需求差点把我整崩溃 最近在做一个后台管理系统，客户提了个需求：不同角色能看到的表格列不一样。一开始觉得挺简单，不就是动态渲染嘛。结果实际做起来才发现，这玩意儿坑太多了。 折腾了大半天，最后...

直接说结论：我偏爱CSP头配置 最近在处理HTTPS站点的安全问题时，block-all-mixed-content这个话题让我折腾了好几天。简单说下我的结论：虽然meta标签和HTTP头部都能实现阻...

为什么我要对比HTML5语义化方案？ 最近接手了一个老项目，页面结构乱得像一锅粥，全是div套div。看得我头大，索性把页面重构了一遍，用上了HTML5语义化标签。在这个过程中，我发现不同场景下语义化...

为什么我决定对比这几种智能预加载方案 最近在优化一个单页应用的性能，用户反馈说页面切换的时候总有点卡顿。分析了一下，主要问题出在资源加载上，尤其是图片和第三方组件库的按需加载部分。于是我想到了智能预加...