在开始单页面开发之前，首先先从制作多页面开始，为了简洁的说明，采取了简化了的简单的web登陆注册页面模型(如下图) 首先建立一个项目文件目录， 如下图 然后...
发简信
IP属地：重庆
-
原生开发移动web单页面(step by step)1——传统页面的开发 -
原生开发移动web单页面(step by step)2——Page对象接下来就是将多页面组合在一个页面上，首先要将每个页面对象化，通过调用对象，来实现页面的切换，比如要从index页面跳转到register页面，只需要在js上调用类似以...
-
原生开发移动web单页面(step by step)4——tap事件与slide事件
pc端的click事件在移动端勉强能用, 在移动端的中手指离开屏幕后300ms后才会触发click事件。 为了快速响应，一般都会自定义tap事件来代替原生的click事件。...
-
原生开发移动web单页面(step by step)6——history api应用以上几篇的内容成功的将多页面合成到单页面上，然而还是有很多区别的， 多页面切换的时候，通过浏览器的自带后退前进键可以进行导航，然而到目前为止，是没有办法进行的导航的，这一篇主...
-
原生开发移动web单页面(step by step)7——页面切换动画在开始写页面切换效果前，首先要介绍一下css3的animation模块，在css中定义如下 css3的animation定义可以声明关键名，动画时间，动画插值方式，动画的延迟...
-
原生开发移动web单页面(step by step)8——History对象
增加了页面切换效果后，再配合手势以及按键，让单页面app更像一个原生app， 然而却引来了一个新的问题， 通过浏览器自带的前进后退无法有选择的采取动画效果。因为在popsta...
-
原生开发移动web单页面(step by step)5——nodejs服务器的搭建
由于后面的开发要基于服务器提供的条件，因此这里很有必要从头到尾搭建一个本地服务器并且模拟提供相关的服务。首先去nodejs的官网下载安装包安装，然后创建一个文件夹，如下面的目...
-
原生开发移动web单页面(step by step)3——App对象为了让Page对象更专注于业务逻辑，将其它的操作转移出去，因此引入了App对象。App对象起到了管理多个Page对象的作用。有了App对象后， Page对象只需要负责渲染页...
