移动网页开发基础知识

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


1. 桌面图标

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

2. 应用程序名称

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

3. tabbar

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



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

4. navigationbar

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


有三部分组成:

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

5. 按钮组

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


6. 列表

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

7. splash

程序的引导启动动画。

8. 按钮

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

9. scroller

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,663评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 长悲哀 为人一载 悲花败潮迭 日暮夕阳鸟飞绝 那悲哀 ...
    瞒青兮阅读 389评论 5 4
  • (一) 你从我的生活中离开 可是 从我的生命中离不开 (二) 雪,铺满大地 回家时 却少了你的足迹 (三) 我只知...
    现实糟蹋了梦想阅读 200评论 1 2
  • 一、产品简介 一句话描述:百度魔图是一款好玩易用的美容美图工具 产品定位:致力于提供手机上拍摄、美化、分享、云端备...
    94Helen阅读 492评论 0 1