Voici quelques réflexions et gains que j'ai résumés. En raison de mes connaissances personnelles superficielles, s'il y a quelque chose qui ne va pas ou qui est inexact, veuillez me critiquer et me corriger.
Les noms des trois mousquetaires du développement front-end, HTML+CSS+JS, sont bien connus et constituent la base pour débuter avec les programmeurs front-end. utilisez ces trois composants pour former un grand nombre de pages Web. Cependant, lorsque vous apprenez pour la première fois, parce que vous ne pouvez pas comprendre rapidement tous les points de connaissance, vous vous sentez souvent comme une personne aveugle essayant de saisir l'éléphant lors de l'apprentissage - c'est-à-dire que vous ne savez pas grand-chose sur les fonctions et la division du travail de chaque composant. , et vous ne pouvez pas saisir la direction de l'apprentissage dans son ensemble, c'est donc difficile de former un système de connaissances complet. J'ai une caractéristique d'apprentissage. J'aime commencer par les connaissances de base, puis ajouter d'autres contenus couche par couche sur cette base, et enfin former un cadre complet. C'est comme ça que j'ai l'habitude d'apprendre.
Au début, j'avais encore un peu le vertige. Les points de connaissance se succédaient, et ils se chevauchaient également. L'avant était relié à l'arrière, et l'arrière était relié à l'avant. Il a quand même fallu beaucoup d’efforts pour comprendre. Mais après avoir lu l’intégralité du contenu deux ou trois fois, le cadre dans son ensemble devient beaucoup plus clair. En termes simples, la division du travail HTML+CSS+JS incarne le concept de superposition logicielle. La répartition générale des fonctions est la suivante : HTML est responsable de la description du contenu, CSS est responsable de la description du style des éléments et JS est responsable de la mise en œuvre des actions de la page Web. En fait, ce n’est pas assez clair et les novices ne peuvent pas très bien le comprendre. Je pense que nous pouvons comprendre pourquoi il existe ces trois divisions dans le processus de développement des pages Web.
Les premières pages Web étaient des pages Web statiques, et les éléments des pages Web n'avaient pratiquement aucune action. Les gens se connectaient principalement pour parcourir des informations, et les exigences d'interactivité des pages Web étaient également faibles. Nous pouvons jeter un œil au site Web de Yahoo en 1996 (photo prise sur Internet). Il y a des images, des hyperliens et des champs de recherche sur la page Web. La plupart d'entre eux utilisent le style par défaut. Le style et le contenu de ces pages Web sont mélangés. vous souhaitez modifier le style de la page Web, vous devez les modifier un par un, ce qui sera plus gênant. Alors comment résoudre ce problème ? Les pionniers du développement Web ont séparé le style du contenu et ont combiné toutes les instructions décrivant le style de la page Web dans un seul fichier. Ce fichier est appelé feuille de style en cascade, ou CSS en abrégé. Si nous voulons modifier le style, nous pouvons le modifier à partir de ce fichier. Grâce à certains sélecteurs, nous pouvons changer rapidement le style d'un certain élément ou d'un certain type d'élément, améliorant ainsi l'efficacité.
Après avoir supprimé le style de la page Web, le langage HTML se charge uniquement de décrire le contenu de la page Web. Qu'est-ce que cela signifie ? En HTML, nous utilisons l'élément
pour marquer le fichier d'en-tête, l'élémentAprès avoir terminé la séparation du contenu et de la présentation, nous devons expliquer les actions de la page Web. Un problème avec les pages statiques est que le contenu de la page Web ne changera pas après sa génération. Lorsque nous naviguons sur le Web, nous devons interagir. Nous devons nous connecter à Weibo pour commenter, aimer et transférer. Nous devons contrôler les actions des personnages lorsque nous jouons à des jeux Web. Ces fonctions sont toutes portées par JavaScript (JS).
JavaScript est un langage de programmation léger. Il n'a pas de réglementations strictes sur les types de données comme C/C++/JAVA, ni de pointeurs, de surcharge d'opérateurs, etc. En parlant de ça, le nom est très déroutant. Il y a Java dans le nom, mais tout le monde dit que cela n'a rien à voir avec Java. C'est vraiment un casse-tête. C'est comme faire un film intitulé "Je m'appelle Pan Jinlian" mais dire que vous n'avez rien à voir avec Pan Jinlian. (Rires) Je plaisante. Cependant, en comparaison, la syntaxe de JavaScript et de Java présente de nombreuses similitudes, mais JavaScript est beaucoup plus simple que Java. Contrairement à Java, JS est un langage de plateforme doté de divers composants et frameworks, étroitement lié au Web. JS est exécuté en l'insérant dans HTML. Grâce à JavaScript, nous pouvons écrire une sortie HTML, réagir aux événements, modifier le contenu HTML, les images, les styles, vérifier les entrées et d'autres fonctions. Fondamentalement, toutes les interactions sur la page Web sont implémentées via les fonctions JS. Cette partie est aussi la partie la plus difficile des Trois Mousquetaires, et je ne la maîtrise pas vraiment maintenant. Les articles ultérieurs développeront des points de connaissances spécifiques.
Les fichiers JS et CSS sont finalement appliqués au HTML. En HTML, nous pouvons insérer du code JS via l'élément