angular.js - 聊一聊web开发中的双向数据绑定吧

Question

双向数据绑定的优缺点各是哪些？

Answer 1

Liaison de données unidirectionnelle : Cela signifie que nous écrivons d'abord le modèle, puis intégrons le modèle et les données (les données peuvent provenir de l'arrière-plan) pour former du code HTML, puis insérons ce code HTML dans le flux de documents.

Inconvénients de la liaison de données unidirectionnelle : une fois le code HTML généré, il n'y a aucun moyen de le modifier. Si de nouvelles données arrivent, le code HTML précédent doit être supprimé, puis les nouvelles données et le modèle doivent être réinsérés. le flux documentaire.

Liaison de données bidirectionnelle : Liaison bidirectionnelle entre le modèle de données (Module) et la vue (View).

Les modifications apportées par l'utilisateur à la vue seront automatiquement synchronisées avec le modèle de données. De même, si les valeurs du modèle de données changent, elles seront immédiatement synchronisées avec la vue.

L'avantage de la liaison de données bidirectionnelle est qu'il n'est pas nécessaire d'effectuer des opérations CRUD (Créer, Récupérer, Mettre à jour, Supprimer) comme la liaison de données unidirectionnelle

Le scénario d'application le plus courant pour la liaison de données bidirectionnelle est celui des formulaires. De cette façon, une fois que l'utilisateur a terminé sa saisie sur la page frontale, nous avons déjà obtenu les données de l'utilisateur et les avons stockées dans le modèle de données sans aucune opération. .

Actuellement. Les frameworks front-end qui implémentent la liaison de données bidirectionnelle incluent principalement AngularJS, VueJS, etc.

Cependant, j'ai toujours l'impression que les scénarios d'application de la liaison de données bidirectionnelle sont très limités.
L'explication pour laquelle backbonejs n'implémente pas la liaison de données bidirectionnelle : la signification générale est que la liaison de données bidirectionnelle est rarement utilisée dans les applications réelles et n'est pas nécessaire

La "liaison de données bidirectionnelle" est évitée. Même si cela constitue certainement une démo intéressante et fonctionne pour le CRUD le plus basique, cela n'a pas tendance à être très utile dans votre application du monde réel. Parfois, vous le souhaitez. mise à jour à chaque pression de touche, parfois sur le flou, parfois lorsque le panneau est fermé, et parfois lorsque vous cliquez sur le bouton "Enregistrer". Dans presque tous les cas, la simple sérialisation du formulaire en JSON est plus rapide et plus facile. est prêt, foncez.

Answer 2

Certaines personnes pensent que la liaison bidirectionnelle est trop violente, mais angulaire semble pouvoir déterminer si elle est bidirectionnelle ou unidirectionnelle
De plus, la liaison de données nécessite une certaine surcharge, mais les tests montrent qu'il ne semble y avoir aucun problème à surveiller des milliers de variables
Ensuite, le seul problème est que angulaire-js est compressé à plus de 170 Ko. . Et angulaire-js abandonnera le support d'ie8

Answer 3

Que signifie la liaison de données bidirectionnelle ? Pouvez-vous me le dire