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。