移动

先上代码，再聊原理 做移动端项目时，我基本不用 px 写布局了。不是不能用，是太麻烦——不同屏幕尺寸下，字体、间距、容器大小全得手动调，累死。后来我直接上 rem，配合一段 JS 动态设置根字体大小，...

先看效果，再看代码 最近在搞一个混合 App，前端用 React 写了个页面，塞进原生 WebView 里跑。一开始页面加载慢得像卡住，滑动还掉帧，用户反馈“点一下要等半秒”，我一看——好家伙，Web...

项目初期的技术选型 上个月接了个移动端H5活动页的活，需求挺急，一周上线。页面要适配各种手机，从iPhone SE到安卓大屏都得看起来正常。一开始我也没想太多，直接套了老一套：<meta nam...

又踩坑了，真机测试时页面滚动卡死 上周做移动端 H5 项目，本地 Chrome DevTools 调得挺顺，结果一连真机就出问题——页面上下滚动的时候，手指一滑，页面直接卡住不动，得重新点一下才能继续...

又踩坑了，媒体查询在移动端根本没生效 昨天改一个老项目的响应式布局，发现明明写了 max-width: 768px 的媒体查询，在手机上就是不触发。我盯着 Chrome DevTools 的设备模拟器...

我的写法，亲测靠谱 做移动端开发这几年，证书校验这事儿我踩过不止一次坑。尤其是混合开发（Hybrid）或者用 WebView 嵌入 H5 的场景，一旦后端 HTTPS 证书出点问题，前端直接白屏，用户...

为什么我非要折腾集成测试方案？ 说实话，我一开始对集成测试是有点抵触的。单元测试写得飞起，E2E 用 Cypress 跑个冒烟也行，但“集成测试”这四个字总让我觉得模糊又鸡肋。直到上个项目，一个看似简...

我的写法，亲测靠谱 做移动端项目这几年，刘海屏、挖孔屏、水滴屏……各种异形屏层出不穷。最开始我以为加个 viewport-fit=cover 就万事大吉了，结果上线后用户反馈“顶部被遮挡”“按钮点不到...

为啥我要对比这些方案？ 最近一个项目要从纯 Web 转成能上 App Store 的混合应用，老板说“别搞太复杂，但得能跑”。我第一反应就是 Capacitor —— 毕竟 Cordova 太老，Re...

我的写法，亲测靠谱 用了 Riverpod 一年多，从早期的混乱状态到现在项目里基本能稳住，中间踩了不少坑。今天就聊聊我目前在实际项目中最常用的写法，不是教科书那种“理论上最优”，而是“改得少、出问题...

优化前：卡得不行 上个月搞一个移动端项目，用户反馈“一进通知页手机就发烫”“点一下卡三秒”。我一开始还不信，自己打开 devtools 看了一眼——好家伙，首屏加载花了 5 秒多，滚动列表还掉帧到 1...

又踩坑了，移动端旋转手势搞崩了整个页面 上周在做一个移动端的图片预览组件，用户可以双指缩放、单指拖动，当然也得支持旋转。本来以为用 transform: rotate() 搞定就完事了，结果一上真机，...

我的写法，亲测靠谱 做 PWA（Progressive Web App）项目时，manifest.json 是绕不开的一环。我最早以为它就是个配置文件，填几个字段就行，结果上线后发现图标不显示、横屏被...

先看效果，再看代码 最近在做移动端项目，调试是个老大难的问题，尤其是处理touch事件的时候。今天就来分享一下我在移动端调试的一些心得和技巧，特别是那些亲测有效的解决方案。 先来看一个简单的例子，假设...

优化前：卡得不行 那个横竖屏切换体验啊，真是让我头疼不已。之前的做法就是在CSS里写了@media查询，以为万事大吉，结果一到用户手里，各种卡顿、页面错位，简直让人抓狂。优化前，页面加载时间平均要5秒...

优化前：卡得不行 最近有个项目，用户反馈说移动端加载速度慢得离谱，特别是在一些低端手机上，简直卡得受不了。我打开自己的手机测试了一下，首页加载时间竟然达到了5秒多，这明显是不可接受的。于是，我决定好好...

为什么我要对比这几个方案 小程序开发这几年越来越火，各种技术方案层出不穷。我最近在做一个小程序项目，发现市面上几个主流的开发框架和工具各有千秋。今天就来聊聊我在实际开发中的体验，希望能给大家一些参考。...

先看效果，再看代码 大家好，最近在做一个移动端项目，涉及到很多固定布局的需求。今天就来聊聊固定布局的那些事儿，希望能帮到你。 核心代码就这几行 首先，我们来看一下最常见的固定布局用法。这个方法亲测有效...

为什么我又在折腾离线方案？ 最近一个移动端项目要求“弱网甚至无网也能用”，老板说“用户地铁里也要能操作”。行吧，那就得搞离线。但前端离线这事，水挺深——Service Worker、localStor...

我的写法，亲测靠谱 做移动端开发这几年，抓包调试网络请求几乎是家常便饭。我一开始也用过各种花里胡哨的工具，但后来发现，最稳的还是用浏览器自带的 DevTools + 真机代理组合。尤其是现在 Safa...