博客

谁更灵活？谁更省事？ 我写这篇不是为了吹 WebAssembly 多牛，而是因为上周又在客户项目里被逼着选型——要在一个浏览器端图像处理模块里做高性能灰度转换和直方图计算。原先是纯 JS 写的，Chr...

先看效果，再看代码 扫码支付在移动端其实就两件事：生成二维码、等用户扫完回调。但真做起来，你会发现微信和支付宝的 SDK 不兼容、H5 调起原生扫码卡顿、iOS Safari 对 canvas 渲染二...

项目初期的技术选型 去年接了个内部管理后台的重构，需求挺典型：要支持多角色权限、带表单校验的数据录入页、带搜索/分页的列表页，还得能离线缓存部分静态资源。一开始团队里有人提 Next.js，但我翻了翻...

谁更灵活？谁更省事？ 我做移动端多端适配做了快六年，从最早写 rem + flexible.js 手动算根字体，到后来切 Vue 项目用 postcss-pxtorem 自动转，再到最近两个项目直接上...

项目初期的技术选型 去年接手一个后台管理系统重构，Vue 3 + Vite + TypeScript，目标是把原来跑得像老拖拉机的 Vue 2 单页应用换成能撑住 50+ 路由、20+ 表单模块的现代...

优化前：卡得不行 上个月给一个电商后台的视觉回归测试系统做维护，顺手跑了一次全量 visual testing（用的是 Storybook + Chromatic），结果 CI 流水线直接卡在 chr...

简要介绍 在现代网页设计中，视觉表现力已成为用户体验的重要组成部分。一个简洁而富有美感的背景图案，不仅能提升页面的整体质感，还能增强用户对品牌或内容的情感认同。本文将深入解析一段仅用纯CSS实现的渐变...

我的写法，亲测靠谱 PostCSS 我用得不算早，但自从接手一个老项目（Webpack 4 + Vue 2）开始统一做 CSS 处理后，就再也没换过主力方案。不是因为它多炫酷，而是——它真不挑食，插件...

项目初期的技术选型 最近刚结束了一个项目，主要是一个内部管理系统。这个系统需要频繁切换不同的功能模块，用户在不同模块间切换时，希望之前的状态能够保持不变。这种需求听起来很简单，但实际做起来还是挺麻烦的...

折腾了半天，HMR就是不生效 最近在搞一个React项目，想用HMR（Hot Module Replacement）来提升开发效率。本来以为很简单，结果折腾了半天发现怎么都搞不定。这里我踩了个坑，记录...

优化前：卡得不行 说真的，项目上线前的性能问题真是让人头大。用户反馈说页面加载慢得像蜗牛，我自己也试了试，确实卡得受不了。首页的加载时间居然达到了5秒多，这简直是灾难级别的体验。我决定要搞一波性能优化...

先看效果，再看代码 响应式设计这个概念大家应该都不陌生了，简单来说就是让网站在不同设备上都能有良好的展示效果。今天我就直接从代码开始讲起，先来看看一个简单的响应式布局是怎么实现的。 <!DOCT...

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

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

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

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

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

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

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

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