移动端页面优化的一些操作:

Posted 小番茄酱

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端页面优化的一些操作:相关的知识,希望对你有一定的参考价值。

1.多for Mobile的html5网页内都有快速滚动和回弹的效果

解决办法:

-webkit-overflow-scrolling : touch;  

使用方法:

html,body{
   -webkit-overflow-scrolling: touch;
  }

2.Fastclick组件

用来解决:(待进一步研究)

使用示例:(vue项目的main.js中)

import Fastclick from ‘fastclick‘

if (‘addEventListener‘ in document) {
  let a = Fastclick
  document.addEventListener(‘DOMContentLoaded‘, function () {
    a.attach(document.body)
  }, false)
}
console.log(Fastclick)

 

以上是关于移动端页面优化的一些操作:的主要内容,如果未能解决你的问题,请参考以下文章

移动端页面秒开优化总结

移动端页面秒开优化总结

移动端页面秒开优化总结

移动网站性能优化:网页加载(转)

移动端交互优化

移动端知识的一些总结