移动

又踩坑了，iOS VoiceOver 滑动切换页面直接失效 上周上线了个 H5 活动页，主打大屏滑动展示，左右滑动手势切换内容。功能测得挺顺，Android 上用 TalkBack 切换也正常，结果灰...

先看代码，再聊原理 上周上线前突然被安全团队叫住，说我们 App 的 HTTPS 请求没做证书固定（SSL Pinning），存在中间人攻击风险。我心想：不是用了 HTTPS 吗？怎么还不安全？ 但没...

优化前：卡得不行 上周我们上线了一个新的 H5 商城活动页，本来以为能稳了，结果刚推到线上就被运营打爆电话——“用户投诉点按钮没反应，好多人下单失败”。我打开手机试了下，心凉了半截：点击商品加购按钮，...

先看效果，再看代码 我最近在搞一个 H5 活动页，要适配各种安卓机和 iOS，调试简直反人类。尤其是线上用户说“点不动”“滑不动”，你本地又复现不了，纯靠猜。直到我用了 Spy-Debugger，直接...

项目初期的技术选型 最近在做一个移动端的 H5 活动页，主要功能是左右滑动切换卡片，每张卡片里有图片、文字和按钮。本来想用浏览器自带的滚动 + IntersectionObserver 来做，但测试了...

先看代码，再聊别的 我最近在搞一个 H5 项目，移动端调试真是一言难尽。页面在安卓机上点不动，在 iOS 上又莫名其妙卡住。最后还是靠日志输出才定位到问题。今天就来聊聊我在移动端做日志输出的一些实战经...

先上代码，别整虚的 我最近在搞一个移动端的下拉刷新插件，需求很简单：用户下拉页面，触发刷新动作。但实际做起来才发现，这玩意儿坑真不少。尤其是 touch 事件那部分，浏览器兼容性简直反人类。下面这段核...

我的写法，亲测靠谱 Background Sync 这玩意儿，说实话我一开始也没太当回事。直到有次用户反馈：离线发消息，回来发现没同步上，数据丢了——这下炸了。客户直接打电话来问，是不是我们前端代码写...

优化前：卡得不行 说实话，这个折叠屏项目上线前我真没觉得会出大问题。功能都实现了，UI 也适配了展开和折叠状态，结果一测性能，直接傻眼。在 Fold 3 上打开页面，手指滑动列表，帧率掉到 20 多，...

我的写法，亲测靠谱 先上代码，这是我现在项目里通用的 touchmove 处理方式，主要用来做自定义滑动容器，比如轮播图、横向滚动列表这种。核心目标就一个：滑得顺，不卡顿，别跟页面默认行为打架。 co...

优化前：卡得不行 上周接到一个需求，要做一个移动端的文件管理器，支持通过 USB 调试从安卓设备读取文件列表。听起来不难，对吧？结果一上手直接被干懵了——页面一连上设备，加载个文件夹列表要 5 秒以上...

先上代码，再讲别的 我最近在搞一个移动端视频播放页，客户非得要求横屏时全屏撑满、竖屏自动缩回去，还得适配各种安卓机和iOS。折腾了两天，踩了不少坑，但最终方案还是稳住了。今天不绕弯子，直接把最核心的实...

优化前：卡得不行 上周上线了个新项目，是个移动端的 H5 页面，主打轻量互动。结果刚推出去，用户反馈就来了：“点不动”“加载半天白屏”“滑动直接卡死”。我自己拿测试机一跑，好家伙，首屏加载 5 秒多，...

我的写法，亲测靠谱 做移动端开发这几年，条件编译算是我天天打交道的东西了。尤其在 uni-app、Taro 这种跨端框架里，不同平台行为差异太大，不用条件编译根本活不下去。但我刚开始也是一头雾水，各种...

又踩坑了，滚动动画在手机上卡成PPT 前两天上线一个活动页，首页有个视差滚动的 banner，PC 上跑得好好的，结果一到安卓机上直接卡成 PPT。一开始以为是图片太大，压缩完发现还是不行。后来用 C...

项目初期的技术选型 最近在做一个面向一线门店的移动端运营后台，主要功能是让店长用手机看销售数据、员工排班和库存预警。本来是个简单的管理页，但客户坚持要在他们的内部App里通过WebView嵌入，这就埋...

优化前：卡得不行 项目上线前做了一轮性能压测，结果把我吓一跳。页面在中低端安卓机上滑动直接掉帧，首页首屏加载完之后还卡顿了差不多两秒，用户反馈“点不动”“页面发烫”。我自己拿台红米K30试了下，手指一...

我的写法，亲测靠谱 做移动端原生UI开发这些年，踩过的坑比走过的路还多。尤其是那种看似简单、实际一上线就各种诡异问题的交互，比如 touch 事件冲突、滚动卡顿、点击穿透……我一般这样处理：先上代码，...

核心代码就这么几行 先上核心代码，这个rem适配方案我已经用了好几年，亲测有效。整个方案的核心就是这几十行JavaScript代码： (function() { var docEl = documen...

优化前：卡得不行 最近搞了个电商项目，接入Google Pay，结果测试的时候发现支付页面慢得要死。优化前首次加载需要5-7秒才能显示支付按钮，用户交互响应延迟明显，特别是Android设备上经常卡顿...