博客

优化前：卡得不行 最近在做一个项目，里面有一个挺复杂的菜单组件。这个菜单里有几十个选项，还有多级子菜单，结果性能问题就来了。用户一打开页面，菜单加载得特别慢，有时候甚至卡顿到无法忍受。说实话，我第一次...

优化前：卡得不行 前几天，我在做一个项目时遇到了一个很头疼的问题：TagInput标签输入组件的性能实在是太差了。用户每输入一个字符，页面就会卡顿一下，简直让人无法忍受。尤其是在移动端，用户体验简直是...

又踩坑了，这次是跨站脚本攻击 最近在做一个用户评论系统，结果上线没几天就收到了一个报告，说有用户在评论里注入了恶意脚本。我赶紧查了一下，发现确实有这个问题。这下子有点慌了，因为之前一直以为这种安全问题...

为什么要对比这几个私有仓库方案 最近在项目中需要用到私有仓库，市面上常见的几个方案各有优劣。我决定对比一下GitLab、GitHub Enterprise 和 Bitbucket Server，看看哪...

快捷键提示的最佳实践 大家好，今天我要分享一下我在项目中使用快捷键提示的一些实战经验。这东西虽然看起来简单，但实际用起来还是有不少坑的。我会尽量把我踩过的坑和一些实用的技巧都写出来，希望能帮到你们。 ...

优化前：卡得不行 说真的，优化前的性能问题真的是让我头疼。页面加载完后，用户一交互就卡得不行，尤其是那种需要频繁滚动和点击的页面，简直让人崩溃。我试了几种方案，最后这个效果最好。 找到瓶颈了！ 要解决...

为啥要对比这几个方案 字段权限这事儿，说起来简单，做起来坑不少。特别是在企业级应用里，动不动就涉及到不同角色的用户能看到不同的数据。今天我就来聊聊几个常见的字段权限方案，看看哪个更灵活，哪个更省事。 ...

又踩坑了，Webpack配置优化 最近在做一个项目时，发现打包速度慢得离谱，特别是每次改一点代码都要等个几十秒，简直不能忍。于是决定优化一下Webpack配置，结果发现这事儿没那么简单。 排查过程，折...

先看效果，再看代码 说到 default-src，这玩意儿在内容安全策略 (CSP) 里是个挺重要的东西。它决定了你的页面默认能加载哪些资源，比如脚本、图片、样式表等。我今天就来聊聊这个东西怎么用，以...

又踩坑了，CSS动画卡顿 今天在做一个项目时，发现一个CSS动画特别卡。本来以为是性能问题，结果折腾了半天发现是CSS属性没用对。 排查过程，试了好多方法 一开始我以为是浏览器性能问题，换了几个浏览器...

项目初期的技术选型 最近我们团队接手了一个新的项目，主要是做一个内部使用的管理平台。这个平台需要集成多个子系统，包括用户管理、数据统计、报表生成等。一开始，我们就意识到这个项目的核心挑战在于如何高效地...

我的写法，亲测靠谱 在多语言网站的优化过程中，hreflang标签是一个非常重要的工具。它可以帮助搜索引擎理解你的网站有哪些语言版本，并且让用户能够找到最合适的语言版本。我一般这样处理： html &...

为啥要对比这几个方案 加载时间这个话题，几乎是每个前端开发者都绕不过去的坎。我之前在几个项目中踩过不少坑，也试过各种优化方案。今天就来聊聊几种常见的优化方法，看看哪个更靠谱。 方案一：代码分割（Cod...

为什么要对比这几个方案 最近在项目中一直在折腾编译工具，尤其是SWC编译这块。其实市面上有不少选择，比如Babel、Terser、还有SWC本身。我主要想对比一下这几个方案，看看哪个更适合我们的项目。...

项目初期的技术选型 最近有个项目，主要需求是提高网站的安全性，防止一些常见的安全问题。在前期的技术调研中，我注意到了一个叫做Permissions-Policy的新特性。这个东西听起来挺有潜力的，可以...

我的写法，亲测靠谱 在前端开发中，HMR（Hot Module Replacement）是一个非常实用的功能。简单来说，HMR可以在不刷新页面的情况下，实时更新模块，从而提升开发效率。我一般这样处理H...

先看效果，再看代码 今天要聊的是 Tap 事件，这玩意儿在移动端开发中特别常见。直接上代码，亲测有效： document.addEventListener('click', function(even...

先看效果，再看代码 最近在项目中折腾缓存策略，发现确实能提升用户体验和性能。今天就来聊聊我在实际项目中用到的一些缓存策略，以及踩过的坑。亲测有效的方法，建议直接用这种方式。 核心代码就这几行 我们先来...

为什么要对比这几个方案 在做移动开发时，WebView缓存是一个绕不开的话题。不同的缓存方案会影响到用户体验和性能，所以我决定对比几个主流的方案，看看哪个更适合自己手头的项目。 方案一：使用HTML5...

先看效果，再看代码 最近在做一个响应式设计的项目，碰到了一个老生常谈的问题：字体大小。在不同设备上，字体大小的适配一直是个头疼的事。今天就来聊聊我是怎么解决这个问题的。 核心代码就这几行 首先，我们来...