博客

input数字键盘老是弹出错误类型 今天在做移动端表单的时候遇到个烦人的事儿，用户在手机上输入数字时，明明设置了type=number，结果还是弹出了全键盘。这个坑我之前就踩过，以为这次能轻松搞定，结...

优化前：卡得不行 最近接手一个老项目，用户反馈页面加载特别慢，尤其是首页。Chrome DevTools 显示首屏渲染要6-8秒，其中字体资源占了很大一部分时间。优化前的状态就是，页面内容都出来了，但...

优化前：卡得不行 最近遇到一个挺头疼的问题，就是代码编辑器里的tabWidth设置导致页面严重卡顿。项目里用了Monaco Editor来展示代码，本来用得好好的，结果用户反馈说切换tabWidth的...

npm run build打包后index.html被覆盖的坑 今天又踩了个scripts脚本的坑，说来还挺无语的。项目打包部署的时候发现build之后index.html文件被替换成了新的，但我想保...

先搞个最基础的打包优化配置 最近接手了个老项目，打包出来的文件能有20MB，用户加载得要死要活的。打开Chrome DevTools一看，主包chunk-vendors.js就有8MB，这还得了？直接...

模块拆分的边界到底怎么定？我踩过的坑 刚开始做模块开发的时候，我也纠结过这个问题。什么功能该独立成模块，什么功能该合并在一起，当时真的是凭感觉来的。结果就是要么一个模块太大，要么拆得过细导致维护成本飙...

merge搞不定，数据覆盖把我整懵了 今天遇到个蛋疼的问题，本来以为很简单的一个对象合并操作，结果被坑得够呛。项目里有个需求是动态更新用户配置，每次收到新数据的时候要把老配置和新配置合并，结果写出来的...

我的写法，亲测靠谱 移动端自适应这事儿，说简单也简单，说复杂也复杂。我在好几个项目里都用过各种方案，最后总结出一套自己觉得比较稳妥的写法。 核心就是 viewport + rem 配合 media q...

又踩坑了，touchmove滚动失效 最近在做一个移动端的手势滑动功能，本来以为touchmove这种老生常谈的东西没什么好纠结的，结果一动手才发现，不同的处理方案差别还挺大。主要是页面里有滚动区域，...

核心代码就这几行 做快捷键提示这个功能，说白了就是监听键盘事件，然后在界面上显示对应的提示信息。我之前做过好几个项目都需要这个，每次都是重新写一遍，这次干脆整理成一个通用组件来分享。 先看最简单的实现...

优化前：卡得不行 最近搞了个Capacitor项目，本来以为Hybrid开发会比原生轻松点，结果体验差得要命。首页加载需要5秒多，列表滑动卡顿明显，用户交互响应迟缓，简直让人崩溃。用户体验评分从一开始...

前端生态对比：React、Vue、Angular三大框架实战分析 最近项目重构，又把几个主流框架翻出来对比了一遍。说实话，现在前端生态越来越成熟，选择困难症患者是真的纠结。今天就聊聊我这几年用下来的实...

线性进度条，看似简单其实挺烦人 最近项目里有个上传进度显示的需求，本来以为就是个简单的线性进度条，结果折腾了一下午，各种细节问题层出不穷。现在想想还是挺有意思的，记录一下整个踩坑过程。 最开始的想法太...

useEffect里的异步函数，踩了个大坑 今天又在useEffect里踩坑了，这次是关于异步函数的问题。直接说结论吧，useEffect的回调函数不能直接返回一个async函数，React会给你报错...

CSS-in-JS、传统CSS、Tailwind，到底选哪个？ 最近项目重构，又到了选样式方案的时候。每次遇到这种情况都挺纠结的，特别是现在各种方案都挺成熟了，各有各的好处。我之前用过几种，这次重新梳...

session被劫持了，差点翻车 上周遇到一个诡异的问题，用户反馈账号莫名被盗用了。查了半天日志才发现是session被劫持了，具体表现就是同一个账号在不同地方同时登录，而且是从不同IP过来的。说实话...

移动优先 vs 桌面优先，聊聊我的实战对比 最近重构一个响应式项目，又要重新思考移动端和桌面端的设计策略。说实话，做了这么多年前端，这个话题还是很有争议的。有些同学可能觉得这是老生常谈，但实际项目中遇...

优化前：卡得不行 最近在做一个代码片段管理工具，就是那种在线编辑器+代码收藏的功能。开始没考虑性能，各种snippet数据一股脑往页面塞，结果页面打开直接卡成PPT。一个页面显示20个代码片段，每次滚...

Appium环境搭建，别被官方文档绕晕了 搞移动端自动化测试，Appium确实是个不错的选择。不过第一次接触这玩意儿的时候，光是环境搭建就能让人头疼半天。我踩过不少坑，现在回头看看，其实没那么复杂。 ...

为啥要对比这些支付SDK？ 最近做了几个移动端项目，涉及到支付这块，真是踩了不少坑。微信支付、支付宝、银联，每个都有自己的SDK和集成方式，各有各的问题。之前一直凭感觉选，这次专门整理了一下，看看哪个...