移動端、H五、響應式佈局、webApp、場景應用、微信二次開發... 都是一個意思前端
一、首先先介紹一些基本概念web
移動端:運行在移動設備上的產品瀏覽器
移動設備:手機、平板、I Touch...微信
你們都知道咱們作得產品大部分都只須要適配IOS系統和安桌系統便可佈局
響應式佈局:在不一樣的設備上都能給予客戶最好的操做體驗開發
移動端的產品:產品
APP:it
手機應用,目前市面上流行的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內核的)