« 2014年6月的文章归档

WEBAPP实践之H5架构布局篇

一个合理的单页WEBAPP的布局如何诞生

俗话说千里之堤毁于蚁穴,根基不稳,大厦再高也终究会倒,可见好的基础是多么重要,对于一个WEBAPP项目来说,HTML结构就是基础,那么一个好的HTML结构是要支撑起整个项目的推进及交互代码的迭代的,它首先要满足整个项目的需求,既然是要替代native的产品,那么它的设计就应该朝着native app的目标去实现所有功能和交互,首先来看一个典型的页面:

A区域:APP的头部导航区域,即navigation,由页面标题、返回、回首页、切换等功能按钮组成,固定不滚动;

B区域:APP的主体内容区域,展示内容及列表等,可滚动;

C区域:APP的底部菜单区域,通常用以展示底部频道菜单、筛选项、价格结算栏等,固定展示;

»阅读全部

[置顶]

基于H5的webapp开发实践系列总结(索引)

时间飞快,转眼间接触H5项目到开发WEBAPP已经有一年半的时间了,新的项目上线,终于可以有一些空余的时间来整理一下这一年多走过的路,虽然艰辛,但收获颇多!总结不容易,尤其是能够清晰描述出来更难,知易行难,希望将经验传递给更多志同道合的来者!接下来将会陆续讲过往遇到的问题及思考写在这个博客里,敬请期待(按时间归档)。