Manuel de spécifications de développement front-end

Lire(20111) temps de mise à jour(2022-04-13)

Le développement front-end est le processus de création d'interfaces frontales telles que des pages Web ou des applications à présenter aux utilisateurs. Il utilise HTML, CSS, JavaScript et diverses technologies, frameworks et solutions dérivés pour réaliser l'interaction de l'interface utilisateur des produits Internet. Il est issu de la production de pages Web et son nom présente des caractéristiques évidentes de l’époque. Dans l'évolution d'Internet, la production de pages Web est un produit de l'ère Web 1.0. Le contenu principal des premiers sites Web était statique, principalement des images et du texte, et le comportement des utilisateurs lors de l'utilisation du site Web était principalement la navigation. Avec le développement de la technologie Internet et l’application de HTML5 et CSS3, les pages Web modernes sont plus belles, ont des effets interactifs significatifs et sont plus puissantes.


Pourquoi existe-t-il un manuel de spécifications de développement front-end de site Web ?

Parce que plus de monde ne signifie pas nécessairement plus de pouvoir, et cela peut être un désastre. Par conséquent, afin d'améliorer la cohésion de l'équipe, d'unifier le style de codage de l'équipe et d'optimiser l'efficacité de la collaboration en équipe, un « document de spécification de développement front-end » spécial doit être lancé pour contraindre les styles de codage des différents programmeurs sur le même projet.

Pour formuler le « Manuel de spécifications de développement front-end », vous devez d'abord vous conformer aux normes du Web, prendre en compte des exigences telles qu'une structure claire, une excellente compatibilité, des performances de page élevées et un code concis et clair, puis effectuer certains ajustements en fonction aux besoins de développement.

Les noms de fichiers doivent toujours utiliser des lettres anglaises minuscules et essayer de ne pas inclure d'espaces ni de symboles spéciaux.

Puisqu'il s'agit d'une collaboration d'équipe, le nom doit être facile à comprendre pour chaque membre et faciliter la recherche, la modification, le remplacement, le calcul de la charge, etc.

Spécifications des fichiers

1. Les fichiers HTML, CSS, JS, images sont tous archivés dans le répertoire convenu ;

2. Dénomination du fichier HTML : dénomination anglaise, suffixe .html ou .htm. fichier de page au même endroit dans le répertoire, pour faciliter la recherche par le backend de la page correspondante lors de l'ajout de fonctions ;

3. dénomination du fichier css : dénomination anglaise, suffixe .css commun, index de la page d'accueil.css, les autres pages sont nommées. selon les exigences réelles du module.;

4. Nommage du fichier Js : nom anglais, le suffixe .js est partagé et les autres noms sont basés sur les exigences réelles du module.

Autres ressources de référence d'apprentissage liées au développement front-end

En plus de l'expansion des connaissances sur le côté droit de cette page, les ressources suivantes sont également sélectionnées pour tout le monde

Dernier chapitre


移动端优化 2017-02-06
性能优化 2017-02-06
jQuery 规范 2017-02-06
通用约定 2017-02-06
性能优化 2017-02-06
Less 规范 2017-02-06
模块组织 2017-02-06
字体排印 2017-02-06