美文网首页weex社区
移动网页开发基础知识

移动网页开发基础知识

作者: cpu_driver | 来源:发表于2016-08-15 11:05 被阅读142次

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


1. 桌面图标

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

2. 应用程序名称

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

3. tabbar

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



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

4. navigationbar

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


有三部分组成:

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

5. 按钮组

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


6. 列表

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

7. splash

程序的引导启动动画。

8. 按钮

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

9. scroller

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

相关文章

  • 移动网页开发基础知识

    随着微信公众号开发和混合app开发的普及,越来越多的人从传统网页开发转向移动网页开发。而移动网页开发有自己的特点,...

  • 移动网页开发布局规范

    1. 说明 移动网页开发跟pc网页开发,虽是一脉相承,却也存在着代沟。为了让传统web网页开发人员快速适应移动网页...

  • 关于像素问题收藏的好文章

    移动端尺寸基础知识从设备像素比到移动适配弄清移动端网页中viewport、retina、高清图、dp单位等

  • 移动APP开发框架盘点

    移动APP开发框架盘点 移动APP开发框架盘点 总体概述 现在比较流行的移动APP开发框架有以下六种:网页、混合、...

  • HTML基础

    新的征程 web前端介绍 web前端开发做什么 pc端web开发;移动端web开发;混合app开发;网页游戏/移动...

  • 光会玩游戏怎么够?蓝鸥用HTML5移动开发技术教你做游戏

    革命性兼并几乎所有智能移动开发平台的制霸优势,出类拔萃的网页互动效果,使HTML5移动开发在移动端的开发领域中异军...

  • express开发微信公众号

    前言 服务外包需要基于微信公众号的网页开发,开发流程分为两大块内容: 移动端网页开发 微信公众号的开发和维护 文章...

  • 移动前端开发之viewport,devicePixelRatio

    移动前端开发之viewport的深入理解 在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的view...

  • Android 网络应用最佳做法

    Best practices for web apps 与桌面 Web 开发相比,为移动设备开发网页和 Web 应...

  • Objective-C和JavaScript交互

    现在的移动端开发,为了提高开发效率,或者为了推广多变的活动,更多的是采用网页和原生交叉的开发方式。所以原生和网页端...

网友评论

    本文标题:移动网页开发基础知识

    本文链接:https://www.haomeiwen.com/subject/vulusttx.html