Note：此專案適合對 Angular 瞭解的 ionic 初學者
假如對Angular熟悉的朋友想嘗試下移動端開發，我推薦 ionic ，基於Angular的UI框架，通過 cordova 打包，生成可以在Android執行的apk，iOS執行的ipa。
對了解Angular的小夥伴來說，寫程式碼比較簡單，難的就是打包。Android的話，通過 ionic cordova build android --prod 就可以生成debug.apk，假如需要簽名，可以使用 Android Studio 執行打包後位於資料夾 platform/android 下的Android專案，然後簽名。iOS的話，通過 ionic cordova build ios --prod，然後使用 Xcode 執行位於資料夾 platform/ios 的iOS專案。
上面都是廢話，本文的主要目的是推薦下我寫的 ionic 小專案 hw-basic。此專案看上去比較簡單，但是包含了很多常用的功能。
- 螢幕適配
- 常用工具封裝
- Tab圖示替換
- 字型庫替換
- 自定義通訊錄
- 資料庫
- 版本資訊
螢幕適配沒有使用大家熟悉的 flexible，而是使用了 vw 實現了一個scss函式rem() 來解決這個問題，很簡單，但是很巧妙，原理具體如何，還是自己看程式碼吧。
Tab圖示替換也是常用的功能，如何將底部的Tab替換成自己的，程式碼中把字部分註釋了，但是不影響閱讀。
有些APP需要提供通訊錄的功能，主要的麻煩就是點選字母索引欄跳轉到相對應的字母位置，專案中也實現了，唯一的缺點就是暫不支援字母欄的滑動。
藉著實現通訊錄的功能，也示例瞭如何通過外掛使用原生資料庫，如何解析資料庫中返回的資料。
最後，還是來張截圖吧，歡迎大家fork、 issue 和 star。