移動端開發

在寫移動端開發之前, 筆者想幫助讀者搞清楚三個概念:

Native App

原生App, 他最大的特點就是分系統(IOS, Android), 他能夠很容易的調用手機系統的各種api(比如相機, 通訊錄等),同時這哥們的流暢度相當好, 上線流程比較繁瑣, 開發週期較長, 而且每次更新都需要在AppStore或者各大應用商店進行更新, 代表應用: 微信, 王者榮耀等
Hybrid App

混合App, 這哥們同時具有了原生App和Web App的優點, 他就是你要去應用商店下載, 但是這兄弟又跨平臺, 雖然流暢度沒有原生App那麼的出色, 但是他也是非常靠譜的, 只是現在IOS的AppStroe對於這類App審覈相當的嚴格
Web App

我們可以理解爲這哥們就是一個手機網站, 他更新數據也是相當快, 不需要進應用商店更新, 用戶刷新一下就好, 而且跨平臺, 但是用戶體驗較差, 而且無法使用系統的各種api

直觀一點, 他們三者的關係如下圖

筆者在這塊專欄博客中的寫的移動端開發, 主要指Web App的開發

移動端開發和PC端開發的區別

既然要進行移動端開發, 那麼我們首先要明白的就是移動端開發和PC端開發有哪些本質上的區別

系統

PC: windows/mac, 在系統層面, 我們在進行web PC端開發的時候是不太在意用戶是用的Mac打開我們的網頁還是windows打開的, 因爲這兩哥們區別壓根就不大

移動端: Android / IOS, 在移動端中, ios的安全性相當的高, 相對安卓來說也比較封閉, 所以導致在移動端開發中不同系統的區別還是有的, 具體在後面的博客中肯定會有詳細提及
瀏覽器

PC: 這相信不用筆者撰述了吧, 在PC端這個瀏覽器的區別真的是讓人頭大, 各種兼容性的處理, 有些屬性IE支持, Chrome又不支持, 有些這個支持那個又不支持, 導致在過去開發者通常要做大量的兼容性處理, 所以區別還是挺大的

移動端: 因爲移動端中的瀏覽器絕大多數是以webkit爲內核進行包裝定製的, 所以其實區別並不大, 所以我們在移動端幾乎不用考慮兼容性
分辨率(尺寸)

PC: 在PC web開發中, 其實在早年可能會考慮一點點的分辨率, 但是他並不重要, 時至今日, 我們在web開發中已經幾乎不太考慮分辨率這個東西了, 所以在PC開發中不同的分辨率區別其實不大

移動端: 移動端就不得了, 區別大的天翻地覆, 各種鬼迷之眼的手機分辨率讓開發者腦闊發燒, 在移動端中我們百分之八十的事件估計都在處理這個尺寸問題, 安卓手機的尺寸太多了, 尺寸的不同導致很多佈局和事件都會產生區別