在开始写页面切换效果前，首先要介绍一下css3的animation模块，在css中定义如下 css3的animation定义可以声明关键名，动画...
投稿
收录了7篇文章 · 2人关注
-
原生开发移动web单页面(step by step)7——页面切换动画 -
原生开发移动web单页面(step by step)6——history api应用以上几篇的内容成功的将多页面合成到单页面上，然而还是有很多区别的， 多页面切换的时候，通过浏览器的自带后退前进键可以进行导航，然而到目前为止，是...
-
原生开发移动web单页面(step by step)5——nodejs服务器的搭建
由于后面的开发要基于服务器提供的条件，因此这里很有必要从头到尾搭建一个本地服务器并且模拟提供相关的服务。首先去nodejs的官网下载安装包安装，...
-
原生开发移动web单页面(step by step)4——tap事件与slide事件
pc端的click事件在移动端勉强能用, 在移动端的中手指离开屏幕后300ms后才会触发click事件。 为了快速响应，一般都会自定义tap事...
-
原生开发移动web单页面(step by step)1——传统页面的开发在开始单页面开发之前，首先先从制作多页面开始，为了简洁的说明，采取了简化了的简单的web登陆注册页面模型(如下图) 首先建立一个项...
-
原生开发移动web单页面(step by step)3——App对象为了让Page对象更专注于业务逻辑，将其它的操作转移出去，因此引入了App对象。App对象起到了管理多个Page对象的作用。有了App对象后，...
-
原生开发移动web单页面(step by step)2——Page对象接下来就是将多页面组合在一个页面上，首先要将每个页面对象化，通过调用对象，来实现页面的切换，比如要从index页面跳转到register...
专题公告
不需要过多的配置，只需要一个浏览器个编辑器，从零开发一个完整的单页面。
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/1658183/crop1535551828488.jpg', '推荐专题《原生开发移动单页面(step by step)》（ 分享自 @简书 ）','https://www.jianshu.com/c/21efb7036ea8?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','页面编码gb2312|utf-8默认gb2312'));){kind=link}