angular.js - angular的行動端適配問題

Question

1,如果需要現有的已完成的angular web項目適配移動端，實現類似原生app的效果需要哪些工作步驟或者額外的工作
2,如果使用angular做一個新的項目而要求實現移動端適配(像原生app那樣)，需要什麼樣的步驟。
3,適配行動端是不是必須要寫兩套js？
4,有什麼樣的ui庫推薦

新手，問題問的不是很專業，希望您能以自己的理解給以解答

Answer 1

1.如果已有一個已經完成的angular web專案的話，如果要實現類似原生app的感覺的話，最主要的是要把UI做的和原生的那樣，這還可能要調整你原有的頁面佈局，甚至是一些互動的效果；還是比較費事的。
2.如果使用angular做一個新的項目，並且要求實現移動端適配；我個人覺得首先選擇一個移動端的UI框架，然後在前端方面要做的就是盡量使用延時加載（按需加載）來載入我們的應用；因為行動端對效能的要求要高一點。
3.一般情況下來說，如果你是使用那些類似bootstrap或foundation這樣的響應式的框架的話，不必寫兩套樣式文件。如果是一些不是響應式的框架的話，就要寫兩套樣式，還有可能要寫一些額外的JavaScript來輔助的實現移動端的某些樣式。
4.推薦的UI庫：

• ionic Hybrid App

• framework7 Full Featured Mobile HTML Framework For Building iOS & Android Apps

• amazeUI 國產的，使用過，還不錯；推薦一下

• weiui 為微信Web服務量身設計，使用過，也很不錯，推薦

• weex A framework for building Mobile cross-platform UI，阿里巴巴的，還未開源，不過可以申請使用，沒用過，看過android版的demo，也還不錯。

• onsen UI HTML5 Hybrid Mobile App Framework and UI Components for PhoneGap & Cordova.

• mobile Angular UI Build HTML5 Mobile Apps with Bootstrap and Angular JS

• kendo UI The Most Complete UI Framework to Speed Up Your HTML/JS Development

• jquery mobile 老牌的UI

Answer 2

直接用ionic。