Je suis diplômé. Après l'obtention de mon diplôme, je suis actuellement en stage dans une entreprise. Le directeur du département m'a confié une tâche et m'a demandé d'écrire un composant de réaction visuelle configurable. Cependant, je ne comprends pas très bien ce que signifie ce configurable. Je prévois actuellement de l'utiliser. Three.js est utilisé comme noyau pour créer un composant de réaction de type configuration similaire aux echarts. Cependant, je me sens toujours confus ces derniers jours, j'ai écrit, supprimé et supprimé du code. La compréhension de la configurabilité n'est pas très claire.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Pour faire simple, le support de visualisation le plus courant est les chartes graphiques. Qu'elles soient basées sur canevas (comme echart) ou svg (comme d3) ou WebGL (comme Three.js), le travail principal de création d'un Le graphique consiste à transmettre les données et les paramètres appropriés.
Quand il s'agit de React, cela signifie naturellement que divers types de graphiques doivent être encapsulés dans des composants pour être utilisés, et les composants sont tous pilotés par l'état, ce qui signifie que les changements d'état passés peuvent entraîner un nouveau rendu des composants et le visuel les performances sont ce qu'on appelle des "mises à jour en temps réel".
Ainsi, « configurable » signifie simplement que les données et les paramètres ne peuvent pas être codés en dur dans les composants, mais que les composants peuvent être raisonnablement conçus pour restituer ces composants de graphique via le passage de paramètres. L'effet souhaité est que l'implémentation interne du composant (processus d'assemblage et de rendu des graphiques) est masquée et que les données qui déterminent la présentation spécifique du composant peuvent être transmises via des paramètres, obtenant ainsi une évolutivité, une maintenabilité et une lisibilité plus élevées. , etc.
Il n'y aura aucun problème si vous suivez cette idée, mais il y aura beaucoup de détails à traiter au milieu, et cela testera également votre capacité de conception (je veux dire la conception de code et d'interface). des choses, telles que le dessin. Un graphique à barres/colonnes le plus basique. Les attributs de base tels que les données de série, l'axe x/y, l'étiquette, l'unité, l'échelle, la légende, etc. peuvent être transmis via des paramètres et les composants peuvent être automatiquement mis à jour lorsque les paramètres changent.
La seule exigence dont vous avez besoin est un mot du réalisateur ? Pas d'autres documents ?