Web前端已經(jīng)成為各大高校計算機(jī)專業(yè)的必備課程了，但是今天匯仁智杰網(wǎng)絡(luò)推廣就廢話少說直接進(jìn)入主題，我們一起來看一下Web前端開發(fā)與iOS終端開發(fā)的異同。具體說的話內(nèi)容會比較多所以今天我們就從兩個方面來說：兼容和性能。

　　我們先來說說兼容問題：

　　前端開發(fā)需要兼容大量的瀏覽器，移動端iOS/Android各自的瀏覽器，以及無限的不同的屏幕尺寸。桌面端以及各種套殼的極速模式用的都是webkit，差異很小，舊的ie6/7就需要特別照顧，不過很多網(wǎng)站都不支持ie6了，移動端更是一家親，全是webkit，除了新特性上的支持程度不一，其他差異不大。對于不同的屏幕尺寸，高端點(diǎn)的會用響應(yīng)式布局，針對不同屏幕尺寸自適應(yīng)到不同布局，一般點(diǎn)的桌面端定死寬度，移動端拉伸自適應(yīng)寬度就搞定。

　　終端開發(fā)也需要兼容各種不同的系統(tǒng)版本和手機(jī)尺寸，Android不用說，iOS也有3.5/4/4.7/5.5/9.7英寸這些尺寸，不過兼容起來跟web一樣挺容易，就是自適應(yīng)寬度，iOS的UIKit把這些都處理好了，還有autolayout，sizeClass等高級特性可用，在尺寸上并不用花太多功夫。

　　然后就是性能了：

　　終端和前端都是面向用戶的，性能優(yōu)化目的都是盡快呈現(xiàn)內(nèi)容，以及讓程序在用戶操作下流暢運(yùn)行。終端主要關(guān)注的是存儲/渲染性能。當(dāng)一個APP存儲數(shù)據(jù)量大，數(shù)據(jù)關(guān)系復(fù)雜時，數(shù)據(jù)查詢很容易成為性能瓶頸，需要不斷優(yōu)化數(shù)據(jù)存取的效率，規(guī)劃數(shù)據(jù)IO線程，設(shè)計內(nèi)存cache，利用好終端設(shè)備有限的內(nèi)存，渲染上避免重復(fù)渲染，盡可能復(fù)用視圖，尋找最高效的渲染方案。

　　前端關(guān)注頁面加載速度，由于web頁面的結(jié)構(gòu)/樣式/程序/資源圖片都是實(shí)時請求的，要讓頁面更快呈現(xiàn)內(nèi)容，就要優(yōu)化這些請求，讓這些資源以最快速度加載下來，包括合并圖片/合并代碼減少請求數(shù)，壓縮代碼，并行請求，根據(jù)版本號緩存代碼請求，gzip壓縮，模塊/圖片懶加載等。此外跟終端一樣也關(guān)注渲染性能，遵從一些規(guī)則避免頁面reflow，避免使用CSS陰影這樣耗性能的特效，用CSS3動畫代替js等。

　　以上就是兩者在兼容性和性能上的一些區(qū)別，由于篇幅有限二者區(qū)別比較多，所以剩下的內(nèi)容我們會分別在以后的文章中進(jìn)行分析，敬請期待！