適合ionic初學者的小項目

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。此項目看上去比較簡單，可是包含了不少經常使用的功能。

1. 屏幕適配
2. 經常使用工具封裝
3. Tab圖標替換
4. 字體庫替換
5. 自定義通信錄
6. 數據庫
7. 版本信息

屏幕適配沒有使用你們熟悉的 flexible，而是使用了 vw 實現了一個scss函數rem() 來解決這個問題，很簡單，可是很巧妙，原理具體如何，仍是本身看代碼吧。

Tab圖標替換也是經常使用的功能，如何將底部的Tab替換成本身的，代碼中把字部分註釋了，可是不影響閱讀。

有些APP須要提供通信錄的功能，主要的麻煩就是點擊字母索引欄跳轉到相對應的字母位置，項目中也實現了，惟一的缺點就是暫不支持字母欄的滑動。

藉着實現通信錄的功能，也示例瞭如何經過插件使用原生數據庫，如何解析數據庫中返回的數據。

最後，仍是來張截圖吧，歡迎你們fork、 issue 和 star。