移动

先看效果，再看代码 最近接手了一个移动端项目，需求很简单：实现一个可以左右滑动切换页面的功能。一开始我觉得这不就是个普通的 touch 事件吗？结果真写起来才发现事情没那么简单。 直接上核心代码： l...

我的 Weinre 实战写法，亲测靠谱 先说个真实场景吧。有次我接了个移动端调试的活儿，客户那边要求快速定位问题，但设备又不在手边。当时我就想到了 Weinre，折腾了半小时配置好后，直接解决了问题。...

项目初期的技术选型 这次的项目是个移动端H5页面，主要功能是展示商品列表并支持下单。听起来挺简单，但需求里有一条让我头疼：需要在用户浏览商品时实时上报数据到服务器，包括用户的点击、滑动等行为。 刚开始...

先看效果，再看代码 最近在搞一个混合开发的项目，里面涉及到原生模块调用。说实在的，这种需求挺常见的，比如调用手机摄像头、获取地理位置这些功能，纯前端实现起来要么太复杂，要么根本做不到。 举个例子，我们...

又踩坑了，Framer Motion在移动端的动画卡顿问题 最近在用Framer Motion做移动端页面的时候，遇到了一个特别头疼的问题。页面滚动时动画会出现明显的卡顿，尤其是在低端安卓机上，简直没...

又踩坑了，动画卡顿问题折腾了一天 昨天做移动端页面的时候，遇到一个特别烦人的动画性能问题。用CSS做的一个卡片滑动效果，在低端安卓机上卡得不行，掉帧严重。这里我踩了个坑，一开始以为是样式写得不够精简，...

优化前：卡得不行 最近接手一个移动端项目，里面用到了 Spy-Debugger 做调试工具。功能倒是挺强大，但性能问题简直让人崩溃。每次打开调试面板，页面就卡得像老牛拉破车一样，滑动操作延迟能到5秒以...

Eruda调试工具的坑，我差点没爬出来 前几天在做移动端调试的时候，遇到一个特别诡异的问题。项目里集成了Eruda这个调试神器，本来用得好好的，突然发现某些页面上它完全不生效了。折腾了半天才发现问题出...

又踩坑了，TDesign Mobile 的 Popup 居然不听话 最近在用 TDesign Mobile 做一个移动端项目，需求是实现一个从底部弹出的筛选面板。原以为是个简单的需求，直接用 TDes...

为什么我要对比这几个方案？ 最近在做一个移动端项目，需求里有大量表单、弹窗和交互组件的需求。我比较喜欢用现成的UI库来快速搭建界面，但这次有点纠结——Cube UI 和 Vant 都是基于 Vue 的...

又踩坑了，touchmove滚动失效 最近在开发一个移动端插件时遇到个特别棘手的问题。这个插件的核心功能是实现一个可滑动的菜单栏，类似于手机上的tab切换效果。本来以为用touch事件简单处理下就能搞...

为什么我决定对比这几个方案？ 最近接手了一个移动端项目，客户的要求很简单：页面要快、体验要好。听起来简单，但实际做起来才发现，性能优化这事儿真是个无底洞。尤其是涉及到滚动、动画这些交互密集的场景，各种...

又双叒叕翻车了，Lynx下touch事件完全不响应 今天上线前最后测一遍移动端，好家伙，直接傻眼——页面在Lynx浏览器里滑都滑不动。不是卡顿，是压根没反应。touchstart能打console，但...

真机调试这破事，我试过四种方案 先说结论：我现在基本只用 vConsole + 自建日志上报 搭配着来。其他像 Chrome DevTools 远程调试、Safari Web Inspector、Re...

项目初期的技术选型 这次做的是一款移动端的资讯类App，主要功能是浏览文章、视频播放、评论互动这些。原本打算用React Native + 自定义组件库搞定，毕竟团队熟这个。但产品提了个需求：希望首页...

优化前：卡得不行 上周老板把我叫过去，说我们那个移动端H5页面打开太慢了，用户点开经常直接就关了。我一开始还不信，拿自己手机试了下——好家伙，首页加载完要差不多5秒，中间白屏时间能让我数清楚天花板上有...

项目初期的技术选型 上个月接了个新需求，给公司一个H5商城加微信支付功能。本来以为就是调个接口的事，结果做起来才发现坑比想象中多得多。 技术栈是Vue 2 + Vant UI，移动端为主，用户基本都是...

先说结论：我选 Workbox + GenerateSW，简单粗暴但够用 如果你现在就在搞 PWA，想快速上手一个可靠的缓存方案，别整那些花里胡哨的自定义 service worker 手写逻辑了。直...

先说结论：我一般用 Intersection Observer FCP（First Contentful Paint）这玩意儿，说白了就是用户第一眼看到页面内容的时间。作为前端，我们关心它，是因为它直...

项目初期的技术选型 这个项目是个移动端的 H5 活动页，主要面向 iOS 用户，目标是做一个流畅的手势滑动画廊。一开始我们考虑用 Swiper，毕竟这玩意儿稳、文档全、社区大。但后来产品提了个需求：滑...