« 包含标签 webapp结构 的文章

WEBAPP实践之H5架构布局篇

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

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

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

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

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

»阅读全部