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