移动网页开发基础知识

随着微信公众号开发和混合app开发的普及，越来越多的人从传统网页开发转向移动网页开发。而移动网页开发有自己的特点，因此对于从事传统网页开发的人来说，需要了解下面的关于手机移动网页开发的术语和知识，才能更好更快的转向移动网页开发。本文的主要目的是介绍移动网页开发中所用到的专业术语。

---

1. 桌面图标

需要在ios或者android系统中桌面上打开的软件的图标，如图中红色箭头：

2. 应用程序名称

需要在ios或者android系统中桌面上打开的软件的文字描述，如上图图中蓝色箭头

3. tabbar

tabbar一般位于程序底部，有图标和文字组成。

其中图标被称为：tabicon
文字被称为：tabtitle

4. navigationbar

一般位于程序上上方，图中黄颜色区域高度设置为44px，

有三部分组成：

• title 导航条标题，一般位于导航条中部
• 左按钮，处在导航条左侧的按钮，有按钮图标和按钮文字组成
• 右按钮，处在导航条右侧的按钮，有按钮图标和按钮文字组成

5. 按钮组

按钮组一般有多个按钮组成，每个按钮的大小一样。

6. 列表

这里的列表和传统网页开发中的列表概念一致。

7. splash

程序的引导启动动画。

8. 按钮

这里的按钮跟传统网页开发中的概念一致

9. scroller

这里的scroller同传统网页开发中的滚动条一致。