H5代码正常但在IOS端出现页面卡顿

最近的一次H5项目中，同一套逻辑安卓端运行正常，ios端出现点击后

页面跳转卡顿
接口获取数据后，显示延迟

原因：
ios端/安卓端实现H5展示的工具并不相同，ios端工具对console.log的支持不够友好，因为console是同步代码，H5工具未解析完该代码之前后面代码不会运行，因此导致上述问题
解决方式：
删除代码中无用的console.log, 尤其注意，打印内容涉及到 this 指向时，造成的卡顿更为明显

IOS 对于时间格式

使用 moment(value).format('YYYY-MM-DD') 返回后进行时间比较时，无法正常比对

原因

ios对时间格式更为严格

解决方式
替换成 moment(value).format('YYYY/MM/DD') 必须要使用 ‘-’ 的场合可以使用 moment(value).format('YYYY/MM/DD') .replace(/\//g, '-')

H5代码正常但在IOS端出现页面卡顿相关推荐

【iOS开发】页面卡顿监控和优化
转载地址:卡顿卡顿的原因: 由上面屏幕显示的原理,采用了垂直同步机制的手机设备.如果在一个VSync 时间内,CPU 或GPU 没有完成内容提交,则那一帧就会被丢弃,等待下一次机会再显示,而这时显示 ...
better-scroll 上拉加载，下拉刷新(解决移动端长页面卡顿)
一.Better Scroll 滚动原理 1.下图能直观的表示better-scroll的滚动原理 2.html设置 <div class="wrapper"> < ...
app内嵌h5页面在ios手机端滑动卡顿的解决方法
app内嵌h5页面在ios手机端滑动卡顿的解决方法参考文章: (1)app内嵌h5页面在ios手机端滑动卡顿的解决方法 (2)https://www.cnblogs.com/1rookie/p/11 ...
H5页面卡顿加载慢原因分析
H5页面卡顿原因分析: 1.动画太多:渲染重绘占用GPU 2.页面操作导致重绘频繁 3.页面元素复杂:资源类标签太多(图像/视频/dom树太长) 4.内置webview性能太差 5.和3类似,iOS出 ...
关于移动端上下滑动卡顿不流畅现象的解决方案
关于移动端上下滑动卡顿不流畅现象的解决方案参考文章: (1)关于移动端上下滑动卡顿不流畅现象的解决方案 (2)https://www.cnblogs.com/sherryweb/p/11269973 ...
iOS性能优化-UI卡顿检测
前言在实现需求的同时,能写出既优雅性能又高效的代码是每个开发者都在追求的目标,但是在实际开发中,随着每个版本需求的迭代,功能变得越来越复杂,加上开发者的意识不够或者一时疏忽,日渐复杂的工程很容易产生 ...
iOS 深入理解列表卡顿原理和滑动优化方案
转自 ibireme 保持界面流程的介绍大佬的文章太好太精彩这篇文章会非常详细的分析 iOS 界面构建中的各种性能问题以及对应的解决思路,同时给出一个开源的微博列表实现,通过实际的代码展示如何构建 ...
解决iOS的H5页面卡顿以及键盘回落后留白问题
最近做的一个H5刚开开心心提测就被QA一顿怼
uniapp在ios端每个页面都可以上下拉，阻止方法
{ "path": "pages/helpCenter/Index", "style": { "app-plus": { ...

H5代码正常但在IOS端出现页面卡顿

H5代码正常但在IOS端出现页面卡顿相关推荐

最新文章

热门文章