js学习总结----移动端概述和hybird模式

移动端、H五、响应式布局、webApp、场景应用、微信二次开发... 都是一个意思

一、首先先介绍一些基本概念

移动端:运行在移动设备上的产品

移动设备:手机、平板、I Touch...

你们都知道咱们作得产品大部分都只须要适配IOS系统和安桌系统便可

响应式布局:在不一样的设备上都能给予客户最好的操做体验

移动端的产品:

APP:

　　手机应用，目前市面上流行的APP产品大部分都是原生APP开发者作的  IOS：OBJECT-C  安桌：JAVA-NATIVE。

　　目前市场上正在趋于使用JS来开发原生的APP:React Native、phoneGap...

H5：

　　HTML页面，都是运行在浏览器中的(pc端浏览器或者是移动端的浏览器[内置的、UC、QQ、百度、谷歌]) ->在IOS和安桌平台上的浏览器大部分都是webkit内核的，因此移动端咱们作得H5页面不用像PC端同样那样的去处理浏览器的兼容

之后工做中咱们这一类的前端开发工程师主要作的产品形态都有哪些:

　　PC端和移动端公用一套项目的:作一个HTML页面，须要在PC端访问也须要在移动端访问  好比:猎豹(响应式)

　　PC端和移动端用的是不一样的项目，例如:京东、淘宝、QQ...PC端的项目不须要作响应式，移动端的项目须要作响应式

　　在移动端咱们开发出来的HTML页面（H5）运行的环境

　　移动端的浏览器:UC、QQ、百度...

　　原生APP（Native App）的webView:hyBird模拟   例如:在微信中打开一个H5页面，咱们的H5其实就是运行在微信的webView中的

hybird模式

　　把咱们的开发的H5页面嵌入到Native APP 的webView中运行（所谓的webView你能够简单的理解为一个浏览器，也是webkit内核的）