angular.js - angular的行動端適配問題
某草草
某草草 2017-05-15 17:02:44
0
2
687

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

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

某草草
某草草

全部回覆(2)
小葫芦

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

Ty80

直接用ionic。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板