搜尋

首頁  >  問答  >  主體

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

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

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

某草草某草草2745 天前665

全部回覆(2)我來回復

  • 高洛峰

    高洛峰2017-05-15 17:04:44

    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

    回覆
    0
  • PHP中文网

    PHP中文网2017-05-15 17:04:44

    直接用ionic。

    回覆
    0
  • 取消回覆