博客

优化前：卡得不行 最近在做一个项目，用户反馈说页面加载特别慢，尤其是列表页。每次一刷新，页面就卡得不行，等个十几秒才出数据。这用户体验简直太差了，我赶紧着手优化。 找到症结了！ 首先，我用浏览器的开发...

我的写法，亲测靠谱 在前端开发中，处理大对象（比如大数据集、复杂JSON结构等）是个常见的问题。我一般这样处理： 避免深拷贝和浅拷贝的坑 首先，说说深拷贝和浅拷贝的问题。很多开发者在处理大对象时，会用...

先看效果，再看代码 在移动端开发中，viewport设置绝对是绕不开的一个话题。如果你跟我一样，经常折腾移动端页面，那这篇文章绝对能帮到你。我直接从核心代码开始讲起，然后补充一些背景知识和注意事项。 ...

条件编译又让我头疼了一把 最近在搞一个移动端项目，遇到了一些条件编译的问题。这个项目需要在不同平台上有不同的行为，比如在iOS上有些功能要禁用，在Android上则需要启用。原本以为这事儿挺简单的，结...

项目初期的技术选型 这次的项目是个企业级应用，安全问题一直是我们关注的重点。客户要求我们进行全面的安全扫描，确保没有明显的漏洞。我们团队在讨论后决定使用OWASP ZAP来进行漏洞扫描。为啥选这个工具...

为啥要对比这几个Export导出方案 在日常开发中，经常需要把数据导出成各种格式，比如CSV、Excel或者PDF。不同的业务场景下，选择合适的导出方案至关重要。这次我想对比一下常用的几种导出方案，看...

先看效果，再看代码 最近在项目里捣鼓密码管理器，折腾了半天终于搞定了一个还算不错的实现。这个密码管理器可以用在一些需要用户输入和存储密码的场景，比如登录、注册等。亲测有效，下面直接上代码。 核心代码就...

项目初期的技术选型 最近刚完成了一个项目，客户要求我们做一个实时数据展示的前端应用。因为需要频繁的数据更新和交互，所以选择了React框架，并且用了Reactive声明的方式来处理数据流。这个选择主要...

为什么我要对比这几个方案 最近在优化我们项目的数据传输时，我开始研究QUIC协议。QUIC是一个基于UDP的传输层协议，它被设计用来提高网络传输效率和安全性。我主要对比了几个主流的技术方案：原生HTT...

IconPicker图标选择，折腾了半天终于搞定 最近在做一个项目，需要一个图标选择器（IconPicker），让用户可以方便地选择和使用图标。一开始我以为这很简单，毕竟网上现成的库一大堆，结果没想到...

我的写法，亲测靠谱 在React项目中，Error Boundaries 是一个非常实用的特性，可以用来捕获并处理组件树中的错误。这玩意儿特别适合那些需要高可用性的应用，比如电商网站、金融系统等。我一...

优化前：卡得不行 最近在做一个版本对比的功能，本来以为挺简单的，没想到上线后用户体验一塌糊涂。用户反馈说页面加载超级慢，尤其是切换不同版本时，简直卡得让人怀疑人生。我一开始还以为是网络问题，但试了几次...

Notification通知权限问题，折腾了半天终于解决了 最近在项目里搞了一个通知功能，本来以为很简单，结果发现用户根本收不到通知。折腾了半天发现是个权限问题。 排查过程，各种试错 一开始我以为是代...

先看效果，再看代码 最近在项目里折腾Redis缓存，发现这玩意儿确实能提升性能。今天就来聊聊我是怎么用的，以及踩过的坑。 最常用的场景：缓存数据库查询结果 首先，我们来看一个最常见的场景：缓存数据库查...

Self检测的最佳实践 在前端开发中，Self检测是一个非常实用的功能，特别是在处理跨域请求和一些安全相关的场景。今天我就来分享一下我在实际项目中使用Self检测的一些经验。 我的写法，亲测靠谱 首先...

Git分支管理，又踩坑了 最近在项目里折腾Git分支管理，结果发现合并分支时老是出问题。这里我踩了个坑，折腾了半天发现原来是一些小细节没注意到。 问题来了：合并分支后的冲突 事情是这样的，我在开发一个...

先看效果，再看代码 大家好，今天要和大家分享的是文档规范。别小看了这个东西，写得好的文档能让你的项目看起来更专业，还能避免很多不必要的沟通成本。废话不多说，直接上代码。 核心代码就这几行 首先，我们要...

项目初期的技术选型 最近我接了一个小项目，需求是开发一个跨平台的桌面应用。考虑到预算和时间限制，我决定用 Proton Native 来试试水。Proton Native 是一个基于 React 的库...

优化前：卡得不行 最近在一个项目里用了Velocity.js来做动画效果，结果发现页面加载速度慢得一塌糊涂。尤其是在一些低端设备上，动画效果卡得让人怀疑人生。每次刷新页面都要等个5秒左右，用户反馈也很...

又踩坑了，Mirror镜像加载问题 最近在做一个项目，需要用到Mirror镜像来处理一些数据。本来以为很简单，没想到一上来就遇到了个大坑。 我在前端用fetch请求了一个API，返回的数据需要通过Mi...