javascript - webapp页面跳转及自适应问题。

问题描述

问 题

最近在学习移动端webapp的开发，过程中有几个疑问想请教下大家：
1.因为页面之间的跳转需要加载页面文件，所以过程中会有白屏出现，你们是怎么解决的？
添加加载层，出现loading效果？
还是说用框架做单页面应用？
还是说不做处理？
还是说有什么好办法？

2.页面自适应问题，毕竟分辨率太多，是如何做到自适应布局？
百分比就不考虑了，麻烦，是使用rem?
还有flex布局在移动端有什么兼容性问题？
还是说有什么其它方法

3.点击事件使用touchstar,touchmove,touchend原生的事件，还是使用例如zepto的tap，为了解决移动端点击事件有什么更好的框架没有？

解决方案

1.添加加载层loading,可以减缓视觉白屏，或者是像今日头条放一张默认图片。使用与否看具体的业务，但是作为初学者，可以都尝试一下

2.rem,布局上的坑可以自己多踩踩，这样能力才会提高

3.fastclick.js科技解决tap的穿透问题。有些业务场景也是会使用touch。
建议都试一下，这样进步才会快

这篇关于javascript - webapp页面跳转及自适应问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！