HTML5开发Webapp总结

1. 基础

最近用h5写了一个简单的Webapp,感觉和web页面最大的不同是head部分,如下:

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>

需要多增加一此meta配置,viewport主要用来识别设备,设置页面宽度。

2. 滑动功能
2.1 参考imooc上的课程:http://www.imooc.com/learn/125
     这是用原生的js实现方式,值得学习。在我的项目里没有利用好。
2.2 利用插件:swipe.js  参考http://www.jiawin.com/swipe-mobile-touch-slider
     最后我是用这个swipe插件完成的,使用起来非常方便。

3. 单页面app(spa,Single Page Application)实现后退功能
     这个是采用js自带的history实现的,参考http://www.sitepoint.com/javascript-history-pushstate/,主要用到history.pushState();和监听window.onpopstate事件对后退动作做相应处理。

4. localStorage本地存储实现访问标记


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhao_shanshan/article/details/48466923
个人分类: WebApp
上一篇推荐!国外程序员整理的Java资源大全
下一篇React学习,持续更新...
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭