移动端开发知识点1

1. 移动端开发分类

• 原生app（native app）

• 混合app（Hybrid app）

• web应用（webApp）

原生app（native app）

原生app是基于操作系统的开发，比如安卓，ios，windows phone,他们只能在各自的操作系统上运行。

优点：

1. 可以访问操作系统，获取更多的资源（gps，摄像头，传感器，麦克风等）

2. 速度快，性能高，用户体验好

3. 可以离线使用

缺点：

1. 开发成本高

2. 需要安装和更新，更新与发布需要审核。

Web App

Web应用使用H5C3开发页面，为浏览器设计的基于web的应用，可以在各种智能设备的手机浏览器上运行。不需要安装即可运行。

优点：

1. 支持设备广泛

2. 开发成本低（使用）

3. 可以随时上线与更新，无需审核

缺点：

1. 用户体验极度依赖网速

2. 要求联网

混合app（Hybrid App）

Hybrid App是指介于web-app、native-app这两者之间的app,它虽然看上去是一个Native App，但只有一个UI WebView，里面访问的是一个Web App。（淘宝、京东、手机百度）

Hybird App就是使用了Native app的壳，里面其实还是HTML5页面。

优点：

1. 开发成本和难度更低，兼容多个平台

2. 也可以访问手机的操作系统资源。

3. 更新维护更方便

缺点：

1. 用户体验相比原生app稍差。

2. 性能依赖于网速

总结：

三种开发各有优缺点，具体用什么需要根据实际情况而定，比如预算，app注重功能还是内容等。

 

2. 视口viewport（重要）

问题：一个电脑上的网站，在手机端访问，效果是什么样的？

1. 在手机端，html的大小都是980px，为什么？
这主要是历史原因导致的，因为在移动设备刚流行的时候，网站大多都是pc端的，pc端的页面宽度一般都比较大，
移动设备的宽度比较小，如果pc端页面直接在移动端显示的话，页面就会错乱。
为了解决这个问题，移动端html的大小直接就定死成了980px（因为早起的pc端网站版心就是980px居多）。

2. 视口
在pc端，html的大小默认是继承了浏览器的宽度，即浏览器多宽，html的大小就是多宽，
但是在移动端，多出来了一个视口的概念（乔布斯）,视口说白了就是介于浏览器与html之间的一个东西，
视口的宽度默认定死了980px，因此html的宽度默认就是980px，