博客

项目初期的技术选型 最近在做一个需要用户登录和注册功能的小项目，考虑到安全性，决定在密码存储上使用盐值。毕竟现在大家都很重视数据安全，如果密码泄露了，那可就麻烦大了。其实一开始也没想到用盐值，只是觉得...

优化前：卡得不行 最近有个项目，前端打包体积大得离谱，首页加载时间竟然能到5秒多，用户反馈说卡得受不了。这还得了，我赶紧开始着手优化。 找到瓶颈了！ 首先得定位问题。我用的是Chrome DevToo...

优化前：卡得不行 项目上线后，我们发现Progress进度条的性能问题特别严重。页面加载时，进度条卡顿明显，用户体验极差。有时候进度条甚至会卡在某个位置不动，导致用户误以为页面加载失败。这问题不解决，...

我的写法，亲测靠谱 字体优化这事儿，说起来简单，但实际操作起来坑真不少。今天我就来分享一下我在字体优化过程中的一些实战经验和踩坑总结。 用Web Fonts前的准备 首先，我们来说说使用Web Fon...

我的写法，亲测靠谱 大家好，今天想和大家分享一下我在使用Promise异步编程时的一些实战经验。Promise这东西，说实话，刚开始接触的时候真的是有点懵，后来在项目中用多了，也踩了不少坑，才慢慢摸清...

为啥要对比这几个方案 最近在项目中遇到了请求头验证的问题，折腾了好久终于搞定了。想着不如把几种常见的请求头验证方案对比一下，分享下我的实战经验。毕竟每个方案都有自己的优缺点，选择合适的方案对项目来说很...

项目初期的技术选型 最近有个项目，客户要求快速搭建一个企业级的管理系统。时间紧任务重，我们开始考虑使用低代码平台来加速开发。经过一番调研，我们选择了LowCodeEngine。主要是因为它开源、灵活，...

先看效果，再看代码 最近在项目里用了Snackbar消息组件，发现这东西真心好用。今天就来聊聊我怎么用的，顺便分享下踩坑经验。 最简单的用法，直接上手 首先，我们来看最简单的用法。如果你只是想快速展示...

优化前：卡得不行 项目上线后，用户反馈说页面加载慢得像蜗牛，我一测，果然，首页加载时间居然达到了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标签的好处是它不仅可以展示文本，还可以包含图片、...