Questions d'entretien du mini-programme WeChat que vous devez connaître et connaître

1 Veuillez parler du rôle des principaux répertoires et fichiers du mini programme WeChat ?

• fichier de configuration de projet project.config.json, le plus couramment utilisé est de configurer s'il faut activer la vérification https

• Paramètres App.js ; Données de base globales, etc. ;

• Onglet inférieur App.json, barre de titre et paramètres de routage

• Style public App.wxss, introduit ; iconfont, etc. ;

• pages contient des pages spécifiques

• index.json (configurer le titre de la page actuelle et introduire les composants, etc.) ;

• index.wxml (structure de la page) ;

• index.wxss (feuille de style de la page) ; >

  index.js (logique des pages, traitement des requêtes et des données, etc.) ;

• 2 Veuillez parler des similitudes et des différences entre wxml et html standard ?

sont tous utilisés pour décrire la structure de la page ;

sont composés de balises, d'attributs, etc. ; moins de balises de mini-programme. Il y a plus de balises simples ;
• Il y a d'autres attributs comme wx:if et des expressions comme {{ }}
• WXML ne peut être prévisualisé que dans le développeur de mini-programmes WeChat. Outil, tandis que HTML Peut être prévisualisé dans le navigateur
• L'encapsulation du composant est différente, WXML réencapsule le composant,
• Le mini programme s'exécute dans JS Core, il n'y a pas d'arborescence ni de fenêtre DOM objet, et il ne peut pas être utilisé dans l’objet fenêtre du mini-programme et l’objet document.
• 3 Veuillez parler des similitudes et des différences entre WXSS et CSS ?

sont tous utilisés pour décrire l'apparence de la page

• WXSS possède la plupart des fonctionnalités de CSS, et a également fait quelques extensions ; et modifications ;

• WXSS a ajouté une nouvelle unité de taille, WXSS prend en charge la nouvelle unité de taille rpx au niveau inférieur

• WXSS ne prend en charge que ; certains sélecteurs CSS ;

• WXSS fournit des styles globaux et des styles locaux

• 4 Comment encapsuler la demande de données de l'applet WeChat ?

Créez le répertoire utils, le fichier api.js et le fichier apiConfig.js dans le répertoire racine

• Encapsulez le get de base dans apiConfig. js , post, put, upload et autres méthodes de requête, définir le corps de la requête, apporter la gestion des jetons et des exceptions, etc.

• Introduire la méthode de requête encapsulée par apiConfig.js dans l'API ; , et en fonction des données de la page Pour les URL demandées, définissez la méthode correspondante et exportez-la

• Importez-la dans une page spécifique ; >5 Quels sont les transferts entre les pages du mini programme ?

• Utilisez des variables globales pour transférer des données

Lorsque la page saute ou redirige, utilisez l'URL avec des paramètres pour transférer des données

• Utiliser le modèle de composant pour transmettre les paramètres

• Utiliser le cache pour transmettre les paramètres

• Utiliser la base de données pour transmettre les données

• 6 Veuillez parler des similitudes et des différences entre la liaison bidirectionnelle des mini-programmes et de vue ?
  Fondamentalement pareil, mais l'attribut direct this.data de l'applet ne peut pas être synchronisé avec la vue, et la méthode this.setData() doit être appelée !
• 7 S'il vous plaît, parlez de la fonction de cycle de vie du mini programme ?

onLoad() est déclenché lors du chargement de la page et ne sera appelé qu'une seule fois pour obtenir les paramètres dans le chemin de la page actuelle.

onShow() est déclenché lorsque la page est affichée/coupée au premier plan, et est généralement utilisé pour envoyer des requêtes de données

• onReady ; () Lorsque le rendu initial de la page est terminé. Déclenché, il ne sera appelé qu'une seule fois, ce qui signifie que la page peut interagir avec le calque de vue.

• onHide() est déclenché lorsque la page est masquée/basculée en arrière-plan, par exemple l'onglet du bas passe à d'autres pages ou l'applet passe en arrière-plan, etc.

• onUnload() est déclenché lorsque la page est déchargée, comme redirectTo ou naviguerBack vers d'autres pages.

• 8 Décrivez brièvement le principe du mini programme WeChat ?

• Un mini-programme est essentiellement une application d'une seule page. Tous les rendus de page et le traitement des événements sont effectués sur une seule page, mais diverses interfaces natives peuvent être appelées via le client WeChat ;

Son architecture est un modèle d'architecture basé sur les données. Son interface utilisateur et ses données sont séparées. Toutes les mises à jour de page doivent être réalisées via des modifications des données ; >Techniquement parlant, il est similaire au développement front-end existant, utilisant trois technologies : JavaScript, WXML et WXSS pour le développement

La fonction peut être divisée en webview et appService ;
webview est utilisé pour afficher l'interface utilisateur, et appService est utilisé pour gérer la logique métier, les données et les appels d'interface
deux parties Une partie de ; il s'exécute en deux processus, communiquant via la couche système JSBridge pour implémenter le rendu de l'interface utilisateur, le traitement des événements, etc.
9 S'il vous plaît, parlez de la comparaison entre le développement natif de petits programmes, wepy et mpvue ?
Personnellement, je pense que s'il s'agit d'un nouveau projet et qu'il n'y a pas de migration de l'ancien projet h5, pensez à utiliser de petits programmes pour le développement natif. L'avantage est que par rapport à des tiers. Dans les cadres des partis, il y a moins d’embûches.
S'il existe d'anciens projets h5 développés avec vue ou s'il existe des projets h5 qui nécessitent également le développement de petits programmes, wepy ou mpvue sont plus adaptés à la migration ou au développement. Récemment, wepy l'a fait. presque pas été mis à jour, donc je recommande le mpvue de Meituan.
Et si l'équipe dispose d'un front-end solide, ce n'est pas un problème de construire un framework par vous-même.

10 Quel est le meilleur, un mini programme ou une application native ?

En plus d'avoir les avantages de faibles coûts de développement, de faibles coûts d'acquisition de clients et de l'absence de téléchargement du compte public, le mini programme a grandement amélioré le délai de demande de service et l'expérience utilisateur, le rendant ainsi capable d'effectuer fonctions de service complexes et offrir aux utilisateurs une meilleure expérience utilisateur.

11 Décrivez brièvement le principe du programme WeChat Mini

Le programme WeChat Mini est développé à l'aide de trois technologies : JavaScript, WXML et WXSS. Techniquement parlant, il est similaire au développement front-end existant. , mais si vous creusez plus profondément, ce sera encore quelque chose de différent.

JavaScript : tout d'abord, le code JavaScript s'exécute dans l'application WeChat, pas dans le navigateur. Par conséquent, certaines applications de la technologie H5 nécessitent que l'application WeChat fournisse la prise en charge de l'API correspondante, ce qui limite l'application de la technologie H5. ne peut pas être appelé strictement H5, peut être appelé pseudo-H5 De même, certaines API uniques fournies par WeChat ne sont pas prises en charge par H5 ou ne sont pas particulièrement bien prises en charge.

WXML : WXML a été développé par WeChat lui-même sur la base de la syntaxe XML. Par conséquent, pendant le développement, seules les balises existantes fournies par WeChat peuvent être utilisées, et les balises HTML ne peuvent pas être utilisées.

WXSS : WXSS possède la plupart des fonctionnalités de CSS, mais toutes ne sont pas prises en charge, et il n'existe pas de documentation détaillée sur celles qui sont prises en charge et celles qui ne le sont pas.

L'architecture de WeChat est un modèle d'architecture basé sur les données. Son interface utilisateur et ses données sont séparées. Toutes les mises à jour de page doivent être mises en œuvre via des modifications des données.

L'applet est divisée en deux parties : webview et appService. Parmi eux, webview est principalement utilisé pour afficher l'interface utilisateur et appService est utilisé pour gérer la logique métier, les données et les appels d'interface. Ils s'exécutent en deux processus, communiquent via la couche système JSBridge et réalisent le rendu de l'interface utilisateur et le traitement des événements

12 En quoi la liaison bidirectionnelle de l'applet WeChat est-elle différente de vue

Mini programme Les propriétés de this.data ne peut pas être synchronisé directement avec la vue. Vous devez appeler : this.setData({})

Tutoriel recommandé : "WeChat Mini Program"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!