angular.js - angular的移动端适配问题

Question

1,如果需要现有的已完成的angular web项目适配移动端，实现类似原生app的效果需要哪些工作步骤或者额外的工作
2,如果使用angular做一个新的项目而要求实现移动端适配(像原生app那样)，需要什么样的步骤。
3,适配移动端是不是必须要写两套js？
4,有什么样的ui库推荐

新手，问题问的不是很专业，希望您能以自己的理解给以解答

Answer 1

1. If you already have a completed angular web project, if you want to achieve a feeling similar to a native app, the most important thing is to make the UI the same as the native one. This may also require adjusting your original page layout. , or even some interactive effects; it is still quite troublesome.
2. If you use angular to make a new project and require mobile adaptation; I personally think that you should first choose a mobile UI framework, and then what you need to do on the front end is to try to use delayed loading (on-demand loading) to load our application; because the mobile terminal has higher performance requirements.
3. Generally speaking, if you are using responsive frameworks like bootstrap or foundation, you do not need to write two sets of style files. If it is a non-responsive framework, you will need to write two sets of styles, and you may also need to write some additional JavaScript to assist in implementing certain styles on the mobile side.
4. Recommended UI library:

• ionic Hybrid App

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

• amazeUI Made in China, used, not bad; recommend it

• weiui Tailor-made for WeChat Web services. I have used it and it is very good. I recommend it

• weex A framework for building Mobile cross-platform UI, from Alibaba, is not open source yet, but you can apply for it. I have never used it. I have seen the android version demo and it is not bad.

• 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 Old UI

Answer 2

Use ionic directly.