Table des matières
Table des matières
Modifier 2. Raisons du choix d'uni-app
4. Construction d'un environnement Uni-App
6. Points à noter lors du développement d'uni-app
1. Qu'est-ce qu'Uni-App ?
uni-app est un framework qui utilise Vue.js pour développer toutes les applications frontales. Les développeurs écrivent un ensemble de codes qui peuvent être publiés sur iOS, Android, Web (responsive) et divers petits programmes (WeChat/Alipay/Baidu/ Toutiao/ Feishu/QQ/Kuaishou/DingTalk/Taobao), Kuai App et autres plateformes.
Il ressort de l'outil de développement uni-app couramment utilisé, HBuilder, qu'uni-app peut réaliser les caractéristiques d'« un ensemble de code, une distribution sur plusieurs terminaux ».
2. Raisons du choix d'uni-app
1. Outils de développement. Uni-app dispose de l'outil de développement HbuilderX, qui rend l'écriture de code beaucoup plus confortable que les propres outils de développement du fabricant du mini-programme. Compatible avec le rendu natif hebdomadaire, ce qui augmente l'efficacité du développement. Cependant, comme il existe de nombreux pièges au cours de la semaine, il est recommandé d'utiliser l'
optimisation du rendu local ;
2. L'outil de développement intègre le langage d'extension CSS sass/moins professionnel.
3. En utilisant la syntaxe de Vue.js, le codage est beaucoup plus confortable que la syntaxe native du mini programme. 1. Il est plus pratique de mettre à jour la vue ; 2. Vous pouvez utiliser les propriétés calculées de Vue ;
4. uni-app ajoute de nombreuses interfaces pratiques, telles que les API liées à [Page Communication], qui sont un bon outil pour résoudre le transfert de paramètres d'appel entre fenêtres.
5. Système de plug-ins riche et diversifié, vous pouvez trouver une variété de plug-ins dans le centre commercial de plug-ins
3. Composants dans uni-app
1. view Le conteneur de vues
uView UI est un cadre écologique uni-app entièrement compatible avec nvue. Ses composants complets et ses outils pratiques vous permettront de l'utiliser facilement du bout des doigts.
2. Avantages uView
View équivaut à un div en HTML traditionnel. Utilisé pour envelopper le contenu de divers éléments.
Guide : couvre tous les aspects d'uniapp, donnant aux développeurs des conseils d'orientation et des concepts de conception, vous permettant d'avoir un éclairage soudain et une progression fluide ; Composants : de
nombreux composants couvrent divers besoins du processus de développement, et les composants sont riches en fonctions et compatibles avec plusieurs bornes. Vous permet de l'intégrer rapidement et de l'utiliser immédiatement ;
Bibliothèque d'outils : de nombreux gadgets bien pensés sont des outils auxquels vous pouvez faire appel pendant le processus de développement, vous permettant d'avoir des fléchettes en main et de progresser rapidement ; Mise en page : rassemblez de nombreuses
pages couramment utilisées et des mises en page pour réduire Le travail répétitif des développeurs vous permet de vous concentrer sur la logique et d'obtenir deux fois le résultat avec la moitié de l'effort.
3. Personnellement, je pense qu'uView est une bibliothèque de composants uni-app très puissante, et j'utilise généralement la bibliothèque de composants uView.
2. uni-ui
1. uni-ui Introduction
uni-ui est un framework d'interface utilisateur hautes performances basé sur uni-app et entièrement compatible.
URL du plug-in : https://ext.dcloud.net.cn/plugin?id=55
Adresse github : https://github.com/dcloudio/uni-ui
2. Fonctionnalités d'uni-ui
: hautes performances.
Jusqu'à présent, dans le domaine des petits programmes et des applications hybrides, il n'existe pas de framework plus performant qu'uni-ui.
Les composants de l'uni-ui complet
sont adaptatifs multi-extrémités, et la couche inférieure éliminera de nombreuses différences ou bogues dans les petites plates-formes de programmes.
Uni Statistics s'intègre automatiquement pour éviter toute gestion.
Uni Statistics est une excellente plate-forme de statistiques multi-terminaux, voir tongji.dcloud.net.cn.
L'extension de thème
uni-ui prend en charge uni.scss, qui peut facilement changer le style de l'application.
4. Construction d'un environnement Uni-App
uni-app dispose de deux manières de créer l'environnement.La méthode de création d'environnement la plus simple - HBuilderX est utilisée ici. HBuilderX possède des environnements associés intégrés et peut être utilisé immédiatement. Il n'est pas nécessaire de configurer des environnements liés à une application unique. Accédez au site officiel pour télécharger et installer le logiciel.
5.Créer un projet
Après avoir ouvert le logiciel HBuilder, cliquez sur « Fichier » → « Nouveau » → « Projet », puis sélectionnez le type de modèle que vous souhaitez créer.
Structure du projet
6. Points à noter lors du développement d'uni-app
La balise de la balise html
uni-app est la même que la balise du mini-programme et est différente de la balise HTML. Par exemple, div doit être modifié pour afficher, span doit être remplacé par texte et un doit être changé en navigateur.
CSS
recommande d'utiliser le modèle de mise en page flexible
. En termes d'unités, les unités CSS courantes prises en charge par uni-app incluent px et rpx
(les premières applications uni-app fournissaient upx, et il est maintenant recommandé de le remplacer par rpx). Seul le côté H5 de
JS
peut utiliser des objets intégrés au navigateur. Par exemple, un document, une fenêtre, un stockage local, un cookie, etc., ainsi que jquery et d'autres dépendances.