移动
覆盖移动端全栈开发疑问，解答原生 / 跨端、适配优化与体验升级中的各类移动难题。
-
2
回答
36浏览
移动端动画用transform还是opacity过渡更流畅？
最近在做移动端列表项的点击反馈动画，用opacity从1变0.5做半透明效果，但滑动列表时明显卡顿。试过改用transform的translateY(2px)位移动画反而流畅很多，这是为什么呢？ 我写...
-
2
回答
64浏览
移动端JS动画用requestAnimationFrame还是卡顿怎么办？
我用JS写了一个移动端的进度条动画，用requestAnimationFrame循环更新，但在手机上滑动页面时动画会卡顿。已经试过把动画层设为fixed定位，也给元素加了will-change: tr...
-
2
回答
35浏览
React用requestAnimationFrame做滚动动画移动端卡顿怎么办？
在移动端用React写了一个根据滚动位置变化的动画组件，用requestAnimationFrame更新状态，但手机上滑动时动画特别卡，帧率掉到20多… 代码逻辑是监听scroll事件，在useEff...
-
1
回答
48浏览
Vue移动端HTTPS页面请求http接口导致Mixed Content错误怎么办？
我在开发Vue移动端应用时遇到了HTTPS问题，当页面切换到HTTPS后，调用本地测试接口时控制台报Mixed Content错误。尝试过在nginx配置强制HTTPS，但真机测试还是加载失败。 代码...
-
2
回答
115浏览
React Native JSI模块在Android上无法加载，提示‘Cannot find module’怎么办？
我按文档写了个JSI绑定模块，但Android运行时报Cannot find module native_modules/MyModule。已经确认模块路径正确，清过缓存也重启过metro，但问题依旧...
-
2
回答
60浏览
移动端多语言切换后按钮文字溢出怎么办？
在做React移动端国际化时遇到问题，切换到英文后按钮文字变长导致溢出，但中文显示正常。试过给按钮固定宽度width: 80px，结果中文简体正常，英文还是被截断…改成弹性布局flex: 1后按钮间距...
-
2
回答
32浏览
为什么我的PWA推送通知无法在后台收到消息？
我按照文档配置了PWA的Push API，能在前台收到通知，但页面关闭后就完全没反应了。服务端用的是Node.js发送POST请求，客户端订阅也成功获取了endpoint，这是哪里出问题了？ 尝试过在...
-
2
回答
75浏览
小程序授权登录后获取用户信息失败怎么办？
大家好，我正在开发小程序的授权登录功能，用户同意授权后一直拿不到用户信息，卡在获取用户资料这一步了。 我按照文档写了一个授权按钮： <button open-type="getUser...
-
2
回答
64浏览
React应用中Background Sync的事件监听没触发，怎么解决？
我在React项目里用Background Sync实现离线表单提交，但按文档写的代码总得不到触发。当用户离线提交表单时，虽然能成功把数据存到队列，但重新连接后sync事件完全没反应。 尝试过这样注册...
-
1
回答
51浏览
为什么用百分比布局时子元素宽度总是超出父容器？
大家好，我在做移动端导航栏时遇到问题。父容器设了width: 100%，里面三个子元素各占33.33%宽度，但实际显示时第三个元素会挤到下一行去。 我已经试过给父容器加font-size: 0解决子元...
-
2
回答
55浏览
Hybrid开发中如何让原生UI组件在iOS和Android显示一致？
我在用Hybrid开发时调用原生UI组件，发现同样的代码在iOS上显示正常，Android却挤在一起。比如这个按钮通过bridge调用原生弹窗，但Android端文字溢出： <button on...
-
2
回答
228浏览
Workbox预缓存策略中如何动态替换版本号导致资源无法更新？
在使用Workbox的precacheAndRoute时，我尝试通过环境变量动态替换资源版本号，但发现旧版本资源始终没有被清除，新版本资源也无法更新。配置文件里用了占位符替换，构建时用gulp处理过，...
-
2
回答
129浏览
aspect-ratio在移动端不同分辨率下比例变形怎么办？
最近在做视频播放页，用aspect-ratio: 16/9设置容器比例，但发现手机横竖屏切换时比例会错乱，视频内容变形了。我试过给容器加固定宽高，但这样又导致小屏幕显示不全... 这是我的代码：<...
-
2
回答
20浏览
为什么移动端touch事件在子元素滑动时触发了父元素的touchmove？
我在开发移动端侧滑菜单时遇到问题：父容器有touchmove监听处理全局滚动，但子元素的可滑动区域（比如卡片）滑动时，父元素的事件也跟着触发了。我试过在子元素的touchmove里调用stopProp...
-
1
回答
46浏览
React Native WebView内存占用过高，如何优化容器性能？
大家好，我在用React Native开发Hybrid应用时遇到个棘手问题。首页有个WebView容器加载H5页面，用户停留超过5分钟后会出现明显卡顿，任务管理器显示内存飙升到300MB以上。我尝试过...
-
2
回答
43浏览
我的反调试代码在真机测试时总被绕过怎么办？
我在开发电商H5页面时想加反调试功能，写了检查navigator.webdriver和debugger事件监听的代码，但用Xposed模块启动APP后还是能正常调试我的JS。尝试过检测USB调试状态：...
-
2
回答
44浏览
如何防止WebView中的JavaScript接口被恶意调用？
我在开发Android混合应用时，通过WebView添加了支付接口，但发现恶意参数能触发接口调用。比如这个暴露的pay接口： // 接口暴露代码 webView.addJavascriptInterf...
-
2
回答
73浏览
为什么我的PWA在安卓上始终没有添加到主屏幕的提示？
我按文档配置了manifest和service worker，但安卓手机用Chrome访问时就是没弹出"添加到主屏幕"的提示。已经检查了HTTPS和图标配置，short_name也设了，连Lighth...
-
2
回答
41浏览
混合布局中媒体查询和flex布局冲突怎么办？
在用flex布局配合混合响应式设计时，我发现媒体查询的断点生效后，子元素的flex属性没有按预期改变，导致移动端和桌面端布局错乱。比如设置max-width: 768px时要把flex-directi...
-
1
回答
117浏览
App Shell初次加载后内容不更新，如何排查？
我在做PWA的App Shell架构时遇到奇怪问题，页面首次加载显示正常，但刷新后动态内容没更新，控制台也没报错。检查了sw.js的fetch拦截逻辑，尝试过清除缓存也不行，这是怎么回事？ self....
