Web前端已經(jīng)成為各大高校計算機專業(yè)的必備課程了,但是今天匯仁智杰網(wǎng)絡推廣就廢話少說直接進入主題,我們一起來看一下Web前端開發(fā)與iOS終端開發(fā)的異同。具體說的話內(nèi)容會比較多所以今天我們就從兩個方面來說:兼容和性能。
我們先來說說兼容問題:
前端開發(fā)需要兼容大量的瀏覽器,移動端iOS/Android各自的瀏覽器,以及無限的不同的屏幕尺寸。桌面端以及各種套殼的極速模式用的都是webkit,差異很小,舊的ie6/7就需要特別照顧,不過很多網(wǎng)站都不支持ie6了,移動端更是一家親,全是webkit,除了新特性上的支持程度不一,其他差異不大。對于不同的屏幕尺寸,高端點的會用響應式布局,針對不同屏幕尺寸自適應到不同布局,一般點的桌面端定死寬度,移動端拉伸自適應寬度就搞定。
終端開發(fā)也需要兼容各種不同的系統(tǒng)版本和手機尺寸,Android不用說,iOS也有3.5/4/4.7/5.5/9.7英寸這些尺寸,不過兼容起來跟web一樣挺容易,就是自適應寬度,iOS的UIKit把這些都處理好了,還有autolayout,sizeClass等高級特性可用,在尺寸上并不用花太多功夫。
然后就是性能了:
終端和前端都是面向用戶的,性能優(yōu)化目的都是盡快呈現(xiàn)內(nèi)容,以及讓程序在用戶操作下流暢運行。終端主要關注的是存儲/渲染性能。當一個APP存儲數(shù)據(jù)量大,數(shù)據(jù)關系復雜時,數(shù)據(jù)查詢很容易成為性能瓶頸,需要不斷優(yōu)化數(shù)據(jù)存取的效率,規(guī)劃數(shù)據(jù)IO線程,設計內(nèi)存cache,利用好終端設備有限的內(nèi)存,渲染上避免重復渲染,盡可能復用視圖,尋找最高效的渲染方案。
前端關注頁面加載速度,由于web頁面的結構/樣式/程序/資源圖片都是實時請求的,要讓頁面更快呈現(xiàn)內(nèi)容,就要優(yōu)化這些請求,讓這些資源以最快速度加載下來,包括合并圖片/合并代碼減少請求數(shù),壓縮代碼,并行請求,根據(jù)版本號緩存代碼請求,gzip壓縮,模塊/圖片懶加載等。此外跟終端一樣也關注渲染性能,遵從一些規(guī)則避免頁面reflow,避免使用CSS陰影這樣耗性能的特效,用CSS3動畫代替js等。
以上就是兩者在兼容性和性能上的一些區(qū)別,由于篇幅有限二者區(qū)別比較多,所以剩下的內(nèi)容我們會分別在以后的文章中進行分析,敬請期待!