博客

移动端自动化测试的痛苦经历 之前做移动端项目的时候，每次发版前都要手动测试各种手机型号，iOS、Android各种系统版本，搞到人都快废了。UI稍微有点变动就要重新测试一轮，效率低得要死。后来老板看不...

HTTPS方案对比，我踩过的那些坑都在这了 最近重构一个老项目的安全策略，重新梳理了一下HTTPS的各种实现方案。说起来惭愧，虽然做了这么多年前端，但真正深入理解HTTPS的不同部署方式还是在最近几个...

一个看似简单的工具，结果踩了不少坑 最近重构了一个老项目，代码质量实在是看不下去了。项目组里几个人的代码风格五花八门，提交的代码经常出现格式问题，还有些低级错误。领导催着要做代码规范，我就想着引入es...

密码过期这个需求，真是一言难尽 最近接了个企业内部系统的重构项目，其中一个需求就是密码过期管理。说实话，一开始我觉得这功能挺简单的，就是设置个过期时间，到期提示用户修改密码呗。结果项目做下来才发现，这...

Hooks方案对比：我为什么更偏爱自定义Hook 最近重构一个老项目，遇到各种状态管理需求，顺便梳理了一下React Hooks的几种使用方案。说实话，用多了之后发现每种方案都有自己的适用场景，踩过不...

表格多选功能搞死我了，全选按钮各种bug 最近做一个后台管理界面，表格多选功能把我整得够呛。本来以为就是简单的checkbox操作，结果各种边界情况和状态同步问题让我折腾了两天。 最大的问题是全选按钮...

我的写法，亲测靠谱 用Pinia也有一年多了，从Vue2迁移到Vue3的时候顺便把Vuex换成了Pinia。说实话，官方文档写得确实比Vuex清爽很多，但实际项目中还是有些坑需要填。 先说说我的sto...

Shadow DOM嵌套样式穿透踩坑记录 上周遇到一个挺棘手的问题，用Shadow DOM封装组件的时候，外部样式无法穿透到内部，折腾了两天才搞定。这里记录一下完整的排查过程和解决方案。 问题出现了，...

动态路由的基本玩法 最近项目里用了不少动态路由，踩了几个坑，记录一下。动态路由其实就是在URL里面塞个变量，比如用户ID，商品ID这种，React Router和Vue Router都有对应的实现。 ...

优化前：卡得不行 最近给一个商城项目搞微信支付优化，说实话，优化前那个体验真是让人抓狂。用户点击支付按钮，要等个5-8秒才弹出支付窗口，有些用户还以为没反应直接退出了。Chrome DevTools里...

这次移动端项目真让人头疼 最近做了个移动端项目，用户量还行，但加载速度一直被吐槽。用户反馈最多的就是打开慢、网络不好时直接白屏。之前用过一些缓存方案，但都不够彻底。后来想了个办法，干脆上Service...

从零开始，GitHub Actions其实没那么复杂 之前一直觉得Actions是个很高大上的东西，看得眼花缭乱。直到最近项目需要自动化部署，不得不硬着头皮研究，才发现其实没想象中那么复杂。今天分享下...

字节小程序里图片预览踩坑记 最近在做一个字节小程序，里面有个图片预览功能，结果被坑得够呛。本来以为就是个简单的previewImage，结果各种诡异问题。 一开始按照官方文档写的： wx.previe...

esbuild打包后CSS丢失，差点让我加班 前两天在重构一个老项目，想把原来的webpack换成esbuild提速，结果打包出来的文件CSS全没了。当时我就纳闷了，这玩意儿怎么连CSS都不认识了？折...

安全防护还是麻烦制造 上个月接手了一个老项目的安全性重构，其中最重要的就是CSRF防护。其实这块之前也接触过，但真正深入去做才发现，看似简单的CSRF Token在实际项目中还挺复杂，特别是要考虑用户...

接口返回数据格式混乱，前端处理起来要命 最近接手一个老项目，被API的数据格式搞得头疼不已。同一个项目里，有些接口返回的是标准格式： { "code": 200, "me...

React状态管理那些坑，我踩得差不多了 搞React这么久了，最大的感受就是状态管理真的是一门玄学。刚开始写的时候总觉得setState简单得很，后来才明白，简单的API后面藏着不少需要注意的地方。...

这次安全加固差点翻车，记录一下踩坑过程 上周接到一个紧急任务，要给公司的一个老项目做安全加固，客户那边做了渗透测试发现了几个安全隐患。说实话，这种临危受命的活儿压力挺大的，特别是老项目，代码历史遗留问...

我的写法，亲测靠谱 分包加载这个东西，我在实际项目中用了快两年了，说白了就是小程序的懒加载。最开始我也是一脸懵逼，看到复杂的项目结构就头疼，后来慢慢摸索出了几套比较稳定的套路。 先说配置文件吧，这个是...

优化前：卡得不行 最近重构一个老项目的打包流程，用了Rollup来替换之前的Webpack。本来想着用Rollup的轻量级特性能让构建速度快一点，结果发现打包出来的文件居然比之前还要大，构建时间也慢得...