1,如果需要現有的已完成的angular web項目適配移動端,實現類似原生app的效果需要哪些工作步驟或者額外的工作
2,如果使用angular做一個新的項目而要求實現移動端適配(像原生app那樣),需要什麼樣的步驟。
3,適配行動端是不是必須要寫兩套js?
4,有什麼樣的ui庫推薦
新手,問題問的不是很專業,希望您能以自己的理解給以解答
高洛峰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