博客

我的 Weinre 实战写法，亲测靠谱 先说个真实场景吧。有次我接了个移动端调试的活儿，客户那边要求快速定位问题，但设备又不在手边。当时我就想到了 Weinre，折腾了半小时配置好后，直接解决了问题。...

项目初期的技术选型 最近刚结束了一个企业后台管理系统，需求里有一条特别重要：所有用户操作都要记录下来，方便后续审计和问题追溯。说白了就是要做审计追踪（Audit Trail）。我一开始觉得这事儿不复杂...

我的HTTP/2配置写法，亲测靠谱 先说说我的配置习惯吧。在实际项目中，我一般这样处理HTTP/2的配置： server { listen 443 ssl http2; server_name exa...

又踩坑了，V8优化失效导致性能暴跌 最近在开发一个数据可视化项目的时候，遇到一个特别诡异的问题。页面加载 1000 条数据时还算流畅，但当数据量增加到 5000 条时，页面直接卡死了。一开始我以为是 ...

SEO检测工具选型踩坑记 最近在做一个项目，客户对SEO特别看重，要求我们提供一份详细的SEO检测报告。这里我踩了个大坑，一开始觉得不就是检查下页面的TDK（标题、描述、关键词）嘛，随便找个工具跑一下...

为什么我开始用AVIF？效果真的香 说实话，最初我对AVIF这种新格式是持观望态度的。毕竟webp刚普及没多久，又来一个新玩意儿，谁愿意折腾啊。但最近几个项目实在被图片体积压得喘不过气，尤其是那些高清...

又双叒叕踩坑了，这次是UglifyJS的锅 前几天上线一个项目的时候，发现打包后的代码运行报错，折腾了半天才发现问题出在UglifyJS上。这里记录一下整个排查过程和解决方案，希望能帮到遇到类似问题的...

先看效果，再看代码 最近在开发一个项目的时候，遇到个需求：页面上有几张大图，用户切换到下一页时加载会卡顿。为了解决这个问题，我尝试了预加载技术，亲测有效！直接来看代码： const preloadIm...

优化前：卡得不行 最近做的一个项目里，涉及到前端加密的场景。用户登录、表单提交这些操作都得用到加密算法，主要是AES和RSA。一开始没太在意性能问题，直接套了个开源库就上线了。结果上线后发现问题大了—...

为什么我要对比Flip翻转的几种实现方式 最近在项目里需要实现一个卡片翻转的效果，本来以为挺简单的，结果发现里面的坑还挺多。我主要尝试了三种实现方式：纯CSS、CSS + JavaScript、以及用...

优化前：卡得不行 最近接手了一个用Taro开发的小程序项目，刚打开的时候我都惊呆了。首页加载要5秒以上，切换页面还时不时白屏，点个按钮就像按了个哑巴开关，半天没反应。用户反馈更是一片吐槽，说这玩意儿“...

为什么我要对比这些原生插件方案？ 最近在开发一个移动端项目，涉及到一些复杂的交互效果。比如滑动切换、长按触发菜单之类的操作。一开始我随手用了一些现成的库，结果发现体积太大，性能也不太理想。后来决定自己...

优化前：卡得不行 最近接手了一个老项目，页面性能真是惨不忍睹。首屏加载时间超过5秒，切换页面时还会出现明显的卡顿，用户反馈说“用着像老牛拉破车”。更离谱的是，页面滚动时还有掉帧现象，尤其是列表页和详情...

Fetch上传的几种姿势，我更喜欢用这个 最近在做文件上传的功能，刚好涉及到用Fetch API实现上传。这东西说简单也简单，但真要玩出点花样来还挺有意思。今天就聊聊几种常见的Fetch上传方案，我个...

先看效果，再看代码 最近在重构一个老项目时，我决定用 Rollup 替代原来的打包工具。为什么选它？简单说，Rollup 在打包小型库或组件时更轻量、更高效。如果你也想试试，那这篇文章就是为你准备的。...

优化前：卡得不行 前几天接手了一个项目，打开首页差点给我整崩溃了。整整5秒多才加载完，切换页面更是卡得受不了。用户的反馈也是一片哀嚎："这网站怎么这么慢" "点一下要等半天"。 作为一个前端开发者，看...

项目初期的技术选型 这次的项目是个移动端H5页面，主要功能是展示商品列表并支持下单。听起来挺简单，但需求里有一条让我头疼：需要在用户浏览商品时实时上报数据到服务器，包括用户的点击、滑动等行为。 刚开始...

项目初期的技术选型 最近刚结束一个电商类的H5项目，里面有不少动画效果。说实在的，一开始我是打算用传统的position和left/top来做元素位移的。但设计稿里的交互效果比较复杂，尤其是商品列表页...

先看效果，再看代码 最近在折腾 Fresh，Denoland 推出的全栈框架。说实话，这玩意儿刚上手时真让我头疼了一阵子，但用熟了之后感觉还挺香的。如果你也在找一个轻量、快速、不依赖太多复杂配置的框架...

谁更省事？三种lint-staged的实现方式对比 最近在几个项目里都用到了 lint-staged，踩了不少坑也积累了一些经验。说起来，这个工具虽然小，但选型的时候还挺纠结的。今天就来聊聊我常用的三...