博客

先上代码，再讲细节 最近在做一个移动项目，遇到了一些HTTPS相关的问题。今天就来聊聊怎么在前端项目中正确使用HTTPS。 首先，来看一段最基本的HTTPS请求代码： fetch('https://j...

项目初期的技术选型 最近刚结束了一个项目，客户需要一个简洁的UI来展示一些标签信息。在技术选型阶段，我们考虑了各种组件，最终选择了Chip标签。Chip标签的好处是它不仅可以展示文本，还可以包含图片、...

项目初期的技术选型 最近我们团队接了一个移动应用的项目，主要是做一个基于Web的轻量级App。客户要求用户体验要尽可能接近原生App，特别是在触控操作上。这对我们来说是个不小的挑战，因为Web端的触控...

又踩坑了，keydown事件触发不了 今天在搞一个项目的时候，遇到了一个很头疼的问题：keydown事件死活不触发。我在这上面折腾了半天，最后才搞定。这里我就来分享一下我的踩坑经历和解决方法。 问题排...

优化前：卡得不行 说真的，之前我们的 Notice 通知组件简直是噩梦。每次加载页面的时候，那个通知组件都卡得要命，用户反馈说体验特别差。最夸张的一次，加载时间竟然到了5秒多，这简直不能忍啊。 找到瘼...

为什么要对比这几个方案 在React项目中，动态加载组件是优化性能和用户体验的一个重要手段。React.lazy是个不错的选择，但并不是唯一的选择。为了更好地理解这些方案的优缺点，我决定对比一下Rea...

为什么我要对比这几个方案 最近在项目中需要用到Graffiti框架，这个框架在前端绘图方面确实有它的独特之处。但是，市面上也有其他一些类似的解决方案，比如Fabric.js和Konva.js。我打算对...

优化前：卡得不行 最近在做一个项目，用到了一个第三方插件API，这个API功能强大，但性能却差得一塌糊涂。页面加载慢不说，滚动起来卡得要命，用户反馈也是一片骂声。我心想，这事儿得解决。 找到瘼颈了！ ...

先看效果，再看代码 最近在做一个跨平台项目，折腾了好久终于搞定。今天就来聊聊我是怎么用React Native实现的。首先，咱们来看看最终的效果。 核心代码就这几行 废话不多说，直接上代码。这是我用R...

为什么我要对比这几个Hover效果方案 话说在前端开发里，Hover效果算是基本操作了。但就是这个看似简单的效果，不同实现方式却能带来不同的体验和性能。今天我就来聊聊几种常见的Hover效果实现方案，...

项目初期的技术选型 最近我参与了一个在线多人游戏的开发项目，主要是负责前端部分。这个游戏的玩家数量很多，每个玩家的操作都会产生大量的数据更新和渲染，这就对性能提出了很高的要求。在初期的技术选型中，我们...

项目初期的技术选型 这次的项目是个移动应用，主要目标是提供一个流畅且响应迅速的用户界面。因为要覆盖iOS和Android两个平台，我们选择了React Native作为开发框架。React Nativ...

为什么我要对比这几个方案 最近在项目里用Vuetify，发现这玩意儿虽然好用，但也有不少坑。有时候选错方案，折腾半天还是得推倒重来。今天就来聊聊我在实际开发中用到的几个Vuetify方案，看看哪个更灵...

输入转义这事儿，差点把我坑惨了 今天来聊聊我最近在项目中遇到的一个关于输入转义的问题。本来以为是个小问题，结果折腾了半天才发现，事情没那么简单。 问题来了，XSS攻击让我头疼 前几天，我在一个表单提交...

先看效果，再看代码 最近在做一个项目，客户特别强调网站的安全性。这让我想起了之前踩过的坑，安全头（Security Headers）的重要性真是不可忽视。今天就来聊聊我在实际项目中怎么用的，希望能帮到...

优化前：卡得不行 前段时间，我接手了一个项目，里面有一个Offcanvas侧边栏。这个侧边栏在打开和关闭的时候，卡得要死，用户体验极差。有时候打开侧边栏要等好几秒，用户都快急死了。 找到瘼颈了！ 为了...

优化前：卡得不行 最近在做一个项目，里面的Typography排版部分真是让我头疼。加载时间长不说，滚动起来还卡顿，用户体验极差。优化前的加载时间大概在5秒左右，用户打开页面后基本上就是看着一个空白页...

先看效果，再看代码 最近在做一个移动端的项目，需要实现下拉刷新的功能。一开始觉得这应该挺简单的，不就是监听一下touch事件嘛？结果一顿折腾后发现，这事儿还真有点门道。 核心代码就这几行 先来点干货，...

我的写法，亲测靠谱 大家好，今天我要分享一下我在使用App Router过程中的一些实战经验。这玩意儿在实际项目中用得挺多的，但有时候也会踩不少坑。我一般这样处理，希望对大家有帮助。 核心代码就这几行...

项目初期的技术选型 最近接手了一个移动端的电商项目，需求是用户在网络状况不佳或完全无网络的情况下，也能流畅地浏览商品列表和详情页。这个需求听起来挺简单的，但实际上涉及到的技术点还挺多的。一开始我们考虑...