移动

多端适配的坑，真是防不胜防 最近在做一个移动端项目的时候，被多端适配折腾得够呛。本来觉得用 viewport 和 rem 就能搞定一切，结果上线后发现各种奇怪问题：字体大小不对、按钮点不到、布局错乱…...

我的写法，亲测靠谱 先说说我常用的抓包方式吧。我一般会用 Chrome DevTools 的 Network 面板，配合一些小技巧来排查问题。比如在调试移动端页面时，我会先把手机和电脑连到同一个 Wi...

先看效果，再看代码 最近在做一个移动端H5页面的时候，遇到一个需求：用户点击按钮后，某个图标需要顺时针旋转720度。听起来挺简单对吧？但实际做的时候还是踩了不少坑。 我直接上核心代码： <div...

优化前：卡得不行 最近接手了一个移动端项目，说实在的，刚打开页面那会儿我都怀疑自己手机是不是快报废了。整个页面在低端机上滑动时就像放PPT一样，一顿一顿的，尤其是那个固定布局的头部和底部，简直惨不忍睹...

项目初期的技术选型 最近刚做完一个金融类的移动端项目，客户要求UI风格要贴近主流银行App，交互体验要流畅自然。我第一时间就想到了Mand Mobile，毕竟这是滴滴团队专为金融场景打造的组件库。 选...

为什么我选择了 Event Channel 最近做的一个项目是个商城类的小程序，主流程是商品浏览到下单支付。这个项目有个特殊需求：在商品详情页可以打开一个规格选择的弹窗，用户选完规格后要实时更新父页面...

先看效果，再看代码 最近在移动端开发中用到了Lynx，这个库确实让我省了不少心。简单来说，Lynx是一个轻量级的移动端手势库，主要解决touch事件的各种疑难杂症。我第一次用它的时候，直接被它的简洁A...

WiFi调试的坑，我终于爬出来了 最近在开发一个移动端项目的时候，遇到个烦人的事——手机上的页面调试。平时用USB连接Chrome DevTools倒是挺顺手，但这次因为一些特殊原因，USB被占用了，...

又双叒叕被微信支付坑了 前几天接到个需求，要在H5页面里集成微信支付。想着这玩意儿我都做过好几次了，应该没啥问题吧？结果现实狠狠打了我的脸。 最开始遇到的问题是调用支付接口时一直报错：-1，这个错误码...

我的写法，亲测靠谱 最近在搞一个移动端项目，调试这块真是把我折腾得够呛。我一般会用 Chrome DevTools 和 VConsole 这两个工具搭配着用，效果还不错。 先说说我的常用代码吧： //...

项目初期的技术选型 最近刚做完一个电商类的小程序，核心功能是商品详情页的交互动画。说白了就是那种用户上下滑动时，商品图片会跟着缩放、位移，还会触发一些动态效果。 最开始我其实想用原生的Animated...

我的写法，亲测靠谱 先说说我用 Weinre 的时候最核心的配置方式吧。Weinre 这东西说实话，一开始我觉得挺鸡肋的——不就是个远程调试工具嘛，能有多复杂？但后来发现，这玩意儿虽然简单，可要是没配...

JSBridge的核心用法，我的写法亲测靠谱 在移动端开发中，JSBridge可以说是H5和Native交互的桥梁。我一般会先定义一个简单的封装方法，避免直接调用window下挂载的方法。以下是我常用...

优化前：卡得不行 最近接手了一个移动端项目，功能其实不复杂，就是个带列表的页面。但问题来了，滚动的时候卡得受不了，尤其是快速滑动时，整个页面就像被冻住了一样。试了几次发现，只要手指在屏幕上滑动，界面就...

先抓个包，直接上手 Charles这玩意儿，说白了就是个HTTP代理工具。刚接触的时候觉得挺复杂的，折腾了一下午才搞明白怎么用。不过现在用熟了，感觉真是调试接口、分析网络请求的神器。 最简单的用法：先...

Android支持这块，我踩过的那些坑 说实话，Android支持这块真是让我折腾了不少。记得去年做一个项目时，客户要求兼容到Android 4.4，我当时就懵了。不过经过几次踩坑后，我也总结出了一些...

又踩坑了，Framer Motion的动画卡顿问题 最近在用Framer Motion做移动端页面的时候，遇到一个挺头疼的问题。页面上的动画效果在iOS设备上总是卡顿，尤其是快速滑动时，动画会突然变得...

为什么要对比这几个方案？ 最近在搞一个Flutter项目，状态管理这块让我纠结了好几天。说真的，Flutter的状态管理方案太多了，Provider、Riverpod、Bloc等等，挑得我头都大了。最...

Push API的坑，我踩了不止一个 最近在搞移动端的消息推送功能，用到了Push API。听起来挺简单的一个API，结果折腾了我整整两天。这里记录下我遇到的几个坑和最终解决方案，给同样踩坑的小伙伴一...

这LCP优化太折腾了，差点没扛住 最近在做移动端性能优化，被LCP（最大内容绘制）折磨得够呛。页面加载速度倒是还行，但Google PageSpeed Insights的分数就是上不去，一看报告，LC...