Avant-propos
Concernant la modularisation, la manifestation la plus directe est les mots-clés require et import que nous avons écrits If If you. Recherchez des informations pertinentes, vous rencontrerez certainement des termes tels que CommonJS et CMD AMD, ainsi que des frameworks inconnus tels que RequireJS et SeaJS. Par exemple, le site officiel de SeaJS se décrit ainsi : "Spécification de définition de module simple et conviviale, Sea.js suit la spécification CMD. Organisation naturelle et intuitive du code, chargement automatique des dépendances..."
As un novice du front-end, je suis honnête. Il avait l'air confus et ne pouvait pas comprendre. Selon mon style habituel, avant d'introduire quelque chose, je dois toujours expliquer pourquoi c'est nécessaire.
Bases de JavaScript
Les étudiants travaillant sur le client sont familier avec OC Vous devez être familier avec #import "classname", les modificateurs de module et de fichier de Swift et le modèle de classe de package d'importation de Java. Nous sommes habitués au modèle selon lequel le référencement à un fichier fait référence à une classe. Cependant, dans un langage dynamique comme JavaScript, les choses ont changé :
<html> <head> <script type="text/javascript" src="index.js"></script> </head> <body> <p id="hello"> Hello Wrold </p> <input type="button" onclick="onPress()" value="Click me" /> </body> </html>
// index.js function onPress() { var p = document.getElementById('hello'); p.innerHTML = 'Hello bestswifter'; }
La balise