1. <rp id="zgbkf"></rp>
      <tt id="zgbkf"></tt>
      <rt id="zgbkf"><optgroup id="zgbkf"></optgroup></rt>
          1. 首页>HTML5>正文

            HTML5开发Webapp总结

            时间:2017-07-10 17:39:44   来源:山西尚学堂   阅读:

              1. 基础

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

              需要多增加一此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本地存储实现访问标记


            分享:0

            电话咨询

            客服热线服务时间

            周一至周五 9:00-21:00

            周六至周日 9:00-18:00

            咨询电话

            0354-3052381

            13593182599(程老师)

            13353541028(刘老师)

            微信扫一扫

            三肖三码三中三高