编程知识 cdmana.com

Personne ne sait mieux nourrir un chat que React.

Suce le chat avec le Code.!Cet article participe【Activité de collecte de documents de miaoxing】.

Contexte

Tu as reçu un appel de ta copine à la maison ce jour - là.,Jusqu'à la fin.,“Chérie...,N'oublie pas de nourrir le chat.~”

C'est vrai.,J'ai vu deux chatons courir du balcon au salon.,Il y a des plumes de chat éparpillées dans les airs..Tu vas les attraper.,Soudain, il y a eu une sensation de fourrure sur le mollet.,Regarde en bas.,La petite princesse t'a regardé et t'a crié dessus.,Tu sais qu'il a faim.,J'ai dû préparer de la nourriture pour chat.,La lumière restante de l'instant où vous avez déchiré la nourriture pour chat a jeté un coup d'oeil à la grande orange stable sur votre nouvel achat mac Allez..

Face à une telle situation, vous pensez,C'est un groupe d'ancêtres.,Si seulement il y avait un moyen de les retenir..

ReactPour commencer.jpeg

C'est parti.《React De l'entrée à la terre》,Les yeux se sont arrêtés.《Principe de programmation》Chapitre I

En parcourant les doigts, une image complète émerge de l'esprit.

Si je React Viens nourrir le chat.

CAT, En tant que petit animal collant , Et sa fille, et on l'appelle le petit amant d'un garçon. ,

Un simple clic effacera notre journée de fatigue .

Il faut nourrir les chats , C'est notre thème aujourd'hui ,

1、Tâches par lots

Disons qu'on a beaucoup de chats. , Considérant que si un chat arrive affamé toutes les quelques minutes pour manger , Alors on va répéter 「 Ouvrir de la nourriture pour chat 、 Verser de la nourriture pour chat 、 Sceller la nourriture pour chat 」, Une telle répétition est très inefficace .

Et les chats sont particulièrement gourmands , Dès que j'entends le bruit de la nourriture pour chat, tout arrive. , Goûtez même si vous n'avez pas très faim .

Pour cette caractéristique , Chaque fois qu'un chat vient chercher de la nourriture , On peut tous les attirer avec le son de la nourriture pour chat , Et puis, une fois nourri .

 Le dîner est servi. .jpg

Alors,On appelle ça Tâches par lots

Tâches par lots: Mettre en file d'attente le plan d'alimentation de chaque chat ,Et informerReact Ensuite, tous les horaires de la file d'attente sont traités

2、 Priorité et fonctionnement de la tâche

Et quand on nourrit les chats , Nous avons découvert que les propriétaires de chats se disputaient et volaient , N'hésitez même pas à vous lever et à vous incarner Ancêtres humains Grimpez le long de votre pantalon , Nous ne serons certainement pas occupés en ce moment , Nous avons donc notre propre séquence d'alimentation des chats .

Par exemple,,

  • Nourrir d'abord les chatons agités , S'il n'est pas nourri à temps, il va continuer. , Si ça ne marche pas, ça va démolir la maison
  • Deuxièmement, nourrir un chat gentil et collant , Le chat est si gentil que tu l'as laissé mourir de faim
  • Et enfin nourrir les chats qui regardent la périphérie , Parce qu'ils n'ont peut - être pas très faim , Je vais juste essayer ce sac de nourriture pour chat.

Bien sûr., C'est juste un état idéal , Dans la vraie vie, ça dépend aussi de la Le degré de faim Et Degré de favoritisme Attendre plusieurs raisons pour décider de la séquence d'alimentation , Ces facteurs peuvent être considérés comme Priorité des tâches, C'est l'ordre d'alimentation .

Plusieurs priorités sont mesurées dans notre cerveau , Il faut enfin décider lequel nourrir en premier , Ce processus de réflexion est Opérations prioritaires .

 Qui pense tant .jpeg

Priorité des tâches: Considérations relatives à l'ordre d'alimentation des chats , Comme le niveau de faim 、 Niveau de sophistication 、 La quantité de repas, etc
Opérations prioritaires : Compte tenu des priorités ci - dessus , Et finalement décider quel chat nourrir en premier

3、Temps mort

Si le chat attend trop longtemps pour manger de la nourriture pour chat, il va commencer à remuer , Donc on va aussi nourrir les chats qui attendent depuis longtemps , Le temps de patience d'un chat s'appelle Temps mort ,C'est - à - dire:: Si tu ne manges plus, tu devrais protester. .

Temps mort: Dernière heure d'alimentation

4、 Interruption des tâches et reprise des tâches

Et pendant qu'on nourrit le chat ,

Peut - être quelque chose de plus important. , Par exemple, le téléphone de la petite amie n'a pas encore raccroché , Demande soudainement “ Je suis tombé dans l'eau avec ta mère. ”, On doit réfléchir un moment, non? ,

Après tout, ce qui est important pour les chats et les copines, c'est qu'on sait toujours

 Pose ton couteau et .jpeg

Donc si quelque chose de plus important arrive, , On va arrêter de nourrir le chat. , D'abord, les choses les plus importantes , Continuez à nourrir le chat quand vous aurez fini ,

De la pause nourrir le chat , Jusqu'à ce que vous reveniez, continuez à nourrir le chat. Interruption de la Mission Et Reprise des tâches .

Interruption de la Mission: Quelque chose de plus important entre dans , Pause pour nourrir le chat
Reprise des tâches : Les choses importantes sont réglées , Revenez nourrir le chat

5、Coordination

Un dernier point à considérer , On ne donne pas trop de nourriture pour chat à chaque fois , Parce que ça les tiendra . Donc nous allons contrôler la quantité de nourriture .Comment contrôler, Comparé à la dernière fois qu'un chat a mangé. , Comme manger un grand bol de nourriture pour chat , Alors mangez un peu moins ou juste un grain cette fois. .

20211124213605.jpg

Ce processus de comparaison s'appelle Coordination, Ou plutôt diff.

De même, le processus est presque instantané , Ça ne prendra pas trop de temps .

Coordination: Déterminer la quantité de ce chat à manger cette fois en fonction de la quantité qu'il a mangé la dernière fois

6、C'est ça. React Répartition

En ce moment, tu es entouré de chats , Le téléphone est coincé entre l'épaule et le visage , Au téléphone avec sa copine , En tenant le chaton sur la table , Bien sûr, je ne peux pas oublier de continuer à nourrir le chat après mon retour ,

En te regardant occupé , Le petit chat blanc sur le canapé se peignait les cheveux , Il s'est affaissé. ,Je ne peux m'empêcher de soupirer:Un homme si gentil.,C'est comme...On dirait. React Répartition C'est pareil

Pourquoi React Répartition

1、 Comparer le maître à JS Moteur d'exécution,

2、 Alors chaque chat est nourri d'une tâche de rendu individuelle ,

3、 La petite amie est utilisatrice IO Comportement

Ensuite, la réalité et React Effectuer un contrôle :

La réalité: Ta copine t'a appelé pour te rappeler de nourrir le chat.

React:Utilisateurs IO Comportement déclenché setState, Cela provoque le rendu des composants

La réalité: Tu ouvres la nourriture pour chat et tu fais un grand mouvement. , Le chat a entendu le bruit et s'est enfui

React: Nous ne disons pas mettre à jour directement lorsque le comportement de mise à jour est déclenché , Au lieu de cela, plusieurs tâches de mise à jour sont effectuées par lots

La réalité: Les chats et les chats se sont précipités , Mais la petite amie a encore quelque chose à dire

React: L'utilisateur continue jusqu'à ce que le composant soit rendu IO Fonctionnement,Mais... js Le moteur d'exécution est monothreadé , Je ne peux pas tenir compte du temps

La réalité: Continue à parler à ta copine au téléphone , Continuez à nourrir le chat quand il sera vide

React: Priorité de l'utilisateur dans le cadre actuel IO Comportement, Le temps restant est utilisé pour rendre les composants

La réalité: La petite amie demande soudainement “ Je suis tombé dans l'eau avec ta mère. ”, Tu dois réfléchir avant de répondre.

React:Utilisateurs IO Le comportement prend trop de temps , Il n'y a plus de temps pour rendre les composants dans ce cadre , Donc d'abord mettre en pause la tâche de rendu

La réalité: Cong Rong a répondu à la question , La petite amie est heureuse , Tu continues à nourrir le chat

React:Utilisateurs IO Comportement terminé , Il reste du temps dans le cadre actuel , Reprendre la tâche de rendu depuis la dernière pause

La réalité: Tout au long du processus d'alimentation du chat, vous mesurez le degré de faim du chat et le degré de sophistication pour contrôler l'ordre d'alimentation du chat

React: Le rendu des composants a une priorité , Plusieurs priorités ont été calculées , Décider de l'ordre final de rendu

La réalité: Le chat était affamé et criait fort , Alors tu lui as donné à manger

React: Le rendu des composants a également pris du temps , Rendre immédiatement après ce temps

La réalité: La nourriture pour chat est différente pour chaque chat , Ça dépend de ce qu'il vient de manger

React: Le rendu des composants n'est pas un rendu complet ,Mais selon diff(Répartition) Le résultat de

prefect.jpeg

À la fin

Nous savons par cet article ,React Affinez la granularité programmée à chaque image du navigateur .

Quand on a déclenché la mise à jour React Pas immédiatement, Au lieu de cela, créez un Mission.

Chaque mission passe Calcul des priorités(lane Tri des modèles ), Le résultat du calcul détermine Degré d'urgence.

Utilisateurs IOComportement Priorité la plus élevée.Dans des conditions normales, Il reste encore du temps après que le cadre actuel ait rendu les composants ,Alors ne t'inquiète pasIOBlocageQuestions. Mais si le cadre actuel n'a pas assez de temps, vous devez mettre en pause la tâche en cours ,Traitement prioritaireIOComportement,Prévention IOBlocage.

Attendre le cadre suivant pour programmer après la pause de la tâche , Continuer à partir de la dernière pause .

C'est tout ce qui précède.React Concept simple d'ordonnancement .

Enfin, Devinez, tout le monde dans ce processus “ Maître Watchdog ” Quel est le rôle ?

版权声明
本文为[Jarvis]所创,转载请带上原文链接,感谢
https://cdmana.com/2021/11/20211125165910358T.html

Scroll to Top