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

Collection(62) partager
Lire(20067) 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.


为什么要有web网站前端开发规范手册?

因为人多不一定就力量大,还有可能一团糟。因此为了提升团队凝聚力,统一团队代码风格,优化团队协作效率,需要推出专门的《前端开发规范文档》来约束同一项目不同程序员的代码风格。

制定《前端开发规范手册》首先需要符合web标准,兼顾结构分明、兼容性优良、页面性能高、代码简洁明了等要求,再根据开发需求进行一定的调整。

文件命名统一采用小写英文字母,尽量不包含空格和特殊符号。

因为是团队协作,因此起的名字应方便每一位成员的理解,并且能够方便地进行查找、修改、替换、计算负载量等等操作。

文件规范

1. html, css, js, images文件均归档至约定的目录中;

2. html文件命名: 英文命名, 后缀.html或.htm. 同时将统一页面文件放于同目录中, 以方便后端添加功能时查找对应页面;

3. css文件命名: 英文命名, 后缀.css. 共用base.css, 首页index.css, 其他页面依实际模块需求命名.;

4. Js文件命名: 英文命名, 后缀.js. 共用common.js, 其他依实际模块需求命名。

其它前端开发相关学习参考资源

除了本页面右侧的知识拓展,还为大家精选了以下资源

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