移动

先看效果，再看代码 上周上线一个客户项目，iOS上点击按钮没反应，Android一切正常。查了3小时，最后发现是 Capacitor 的 Plugins 没正确注册——不是插件本身的问题，而是我忘了在...

项目初期的技术选型 去年下半年在做一个纯前端的移动端活动页，需求很典型：左右滑动切换卡片、上拉加载更多、下拉刷新、中间区域支持 pinch-zoom（双指缩放）、顶部固定导航栏要随滚动隐藏/显示。整个...

我的写法，亲测靠谱 性能监控这事，我干了快五年，从最早手动打点 console.time，到后来用 PerformanceObserver 监听 paint、load、navigation，再到现在搭...

真机调试，我到底该信谁？ 写这篇文章之前，刚在地铁上用 iPhone 连着 Mac 调试一个 Vue H5 页面，结果 Safari Web Inspector 卡死三次，最后靠 console.lo...

我的写法，亲测靠谱 transform3d 这玩意儿，我最早是拿它搞轮播图卡顿优化的。后来发现，只要一上 touchmove + translate3d，iOS 上立马丝滑，安卓反而偶尔抽风——但抽风...

又踩坑了，页面卸载前没清理掉 touch 事件监听器 今天上线前 QA 突然提了个 bug：用户从 A 页面快速跳转到 B 页面，再点返回，A 页面的 touchmove 会“幽灵式”触发——明明 A...

我的写法，亲测靠谱 Reanimated 3 我用了一年多，从 v2 迁移到 v3 的时候被搞懵过两次，现在基本摸清了它的脾气。最核心的一条：它不是 React 的状态驱动系统，它是独立的、带时间线的...

优化前：卡得不行 上个月上线了一个活动页，用 Vue + Vant 做的，目标是「全屏滑动+吸顶导航+动态加载商品卡片」。上线后用户反馈很直接：安卓机一滑就掉帧，iOS 也偶尔卡顿，特别是从首页跳转进...

项目初期的技术选型 去年下半年接手一个「本地生活服务」App的迭代，老板一句话：「H5页面要快，得像原生一样滑动，不能卡，也不能白屏。」当时我第一反应是——又来了，WebView优化这事儿，三年前我就...

优化前：卡得不行 去年底上线 Apple Pay 支付流程，用户反馈「点支付按钮后要等好几秒才弹出钱包」，iOS 用户尤其明显。我们自己测也确实——在 iPhone 13 上，从点击「去支付」到 Ap...

优化前：卡得不行 上个月上线了一个移动端活动页，首页带轮播图、商品瀑布流、底部弹层表单，还塞了三个第三方 SDK（埋点、客服、广告）。测的时候用自己 iPhone 13 还行，结果一发灰度，客服就炸了...

谁更灵活？谁更省事？移动端 Transform 的三种写法，我选了最后一个 做移动端动效时，Transform 是绕不开的。但实际项目里，我经常被问：「这个动画用 CSS 写还是 JS 控制？用 tr...

谁更灵活？谁更省事？JSBridge安全方案实操对比 我干了六年 Hybrid 开发，前前后后搭过四套 JSBridge，从最早用 window.WebViewJavascriptBridge 硬塞，...

项目初期的技术选型 去年下半年接了个车载中控屏的 H5 项目，需求很“朴实”：一个横屏仪表盘页面，显示车速、电量、续航、地图缩略图，所有数字和图标必须在不同分辨率设备上保持物理尺寸一致——比如车速数字...

先看效果，再看代码 扫码支付在移动端其实就两件事：生成二维码、等用户扫完回调。但真做起来，你会发现微信和支付宝的 SDK 不兼容、H5 调起原生扫码卡顿、iOS Safari 对 canvas 渲染二...

谁更灵活？谁更省事？ 我做移动端多端适配做了快六年，从最早写 rem + flexible.js 手动算根字体，到后来切 Vue 项目用 postcss-pxtorem 自动转，再到最近两个项目直接上...

项目初期的技术选型 最近接手了一个移动端的项目，客户要求在新发布的iPhone上运行流畅，特别是要适配刘海屏。一开始我心想这有啥难的，不就是搞个适配嘛，结果后来发现事情没那么简单。 开始动手：简单适配...

先上代码，再讲细节 最近在做一个移动项目，遇到了一些HTTPS相关的问题。今天就来聊聊怎么在前端项目中正确使用HTTPS。 首先，来看一段最基本的HTTPS请求代码： fetch('https://j...

项目初期的技术选型 最近我们团队接了一个移动应用的项目，主要是做一个基于Web的轻量级App。客户要求用户体验要尽可能接近原生App，特别是在触控操作上。这对我们来说是个不小的挑战，因为Web端的触控...

项目初期的技术选型 这次的项目是个移动应用，主要目标是提供一个流畅且响应迅速的用户界面。因为要覆盖iOS和Android两个平台，我们选择了React Native作为开发框架。React Nativ...