博客

优化前：卡得不行 项目上线后，用户反馈说页面加载慢得像蜗牛，我一测，果然，首页加载时间居然达到了5秒。这可不行，用户体验太差了。Mantine本身是一个非常强大的UI库，但如果不注意性能优化，很容易就...

CI/CD集成踩坑记：从零到一的折腾 最近在搞一个新的项目，决定上一套完整的CI/CD流程。本来以为挺简单的，结果发现还是有很多坑要踩。 折腾半天发现GitLab Runner配置有问题 一开始，我按...

先看效果，再看代码 兄弟们，今天咱们来聊聊内容校验。这玩意儿在前端开发中挺常见的，特别是在表单验证这块。直接上代码，你们感受一下： function validateForm(form) { cons...

项目初期的技术选型 最近刚搞定一个电商项目，其中有一个需求是图片安全加载。这个需求听起来简单，但实际操作起来还是挺麻烦的。项目背景是这样的：我们需要在页面上展示大量的商品图片，但是这些图片来自不同的供...

优化前：卡得不行 最近在做一个项目，里面用到了大量的SVG绘图。本来以为SVG是矢量图，性能应该没啥问题，结果上线后发现页面加载慢得一批，用户反馈说动画卡得不行。一查才发现，SVG的性能优化原来这么重...

先看效果，再看代码 大家好，我是你们的老朋友小张。今天想和大家分享一下Bridge通信的实战经验。Bridge通信在跨平台开发中非常常见，比如在React Native、Cordova等框架中，都离不...

优化前：卡得不行 最近我在做一个项目，需要实现一个无限滚动的页面。一开始我用的是比较简单的实现方式，就是每次滚动到底部时，通过AJAX请求获取新的数据，然后动态添加到页面上。结果呢，优化前卡得受不了，...

项目初期的技术选型 最近接手了一个移动端的项目，客户要求在新发布的iPhone上运行流畅，特别是要适配刘海屏。一开始我心想这有啥难的，不就是搞个适配嘛，结果后来发现事情没那么简单。 开始动手：简单适配...

加载策略优化，提升用户体验 最近在做一个项目时，遇到了一个挺头疼的问题：页面加载速度慢，用户体验很差。一开始我以为是后端接口响应慢，折腾了半天发现根本不是这么回事。后来试了下发现，问题出在前端的加载策...

先看效果，再看代码 最近在搞一个项目，发现Permissions-Policy这玩意儿挺有意思的。它能让你控制网页中的某些功能，比如摄像头、麦克风啥的。今天就来聊聊我是怎么用它的。 直接上手：基本用法...

先上代码，再讲细节 最近在做一个移动项目，遇到了一些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效果实现方案，...