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

Question

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

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

Answer 1

1. Si vous avez déjà un projet Web angulaire terminé, si vous souhaitez obtenir une sensation similaire à une application native, le plus important est de rendre l'interface utilisateur identique à celle native. Cela peut également nécessiter un ajustement de votre. La mise en page originale et même certains effets interactifs sont encore assez gênants.
2. Si vous utilisez angulaire pour créer un nouveau projet et avez besoin d'une adaptation au terminal mobile ; je pense personnellement que vous devriez d'abord choisir un framework d'interface utilisateur mobile, puis essayer d'utiliser le chargement différé (à la demande) sur le front-end. Loading) pour charger notre application car le terminal mobile a des exigences de performances plus élevées.
3. De manière générale, si vous utilisez des frameworks réactifs comme bootstrap ou Foundation, vous n'avez pas besoin d'écrire deux ensembles de fichiers de style. S'il s'agit d'un framework non réactif, vous devrez écrire deux ensembles de styles, et vous devrez peut-être écrire quelques JavaScript supplémentaires pour vous aider à implémenter certains styles du côté mobile.
4. Bibliothèque d'interface utilisateur recommandée :

• ionique Application hybride

• framework7 Cadre HTML mobile complet pour créer des applications iOS et Android

• amazeUI Domestique, utilisé, pas mal je le recommande

• weiui Conçu spécifiquement pour les services Web WeChat Je l'ai utilisé et il est très bien je recommande

. Weex.

• onsen UI

  Cadre d'application mobile hybride HTML5 et composants d'interface utilisateur pour PhoneGap et Cordova.

• interface utilisateur angulaire mobile

  Créez des applications mobiles HTML5 avec Bootstrap et Angular JS

• kendo UI

  Le framework d'interface utilisateur le plus complet pour accélérer votre développement HTML/JS

• jquery mobile

  Ancienne interface utilisateur

Answer 2

Utilisez directement ionique.