前端代码的开发标准和规范

之前一直在博客园逛,写了好多文章,但是与其说文章还不如说是备忘录。在这里要说一下CSDN博客MarkDown编辑器在草稿箱中必须写一篇存一篇发一篇,否则会被覆盖掉(被坑好惨!),所以现在改用xhEditor编辑器,再也不用担心草稿被覆盖哈哈~。懒惰是我的“爱好”,就像我之前一直要信誓旦旦说,闲了把博客园的写的“备忘录”好好整理一下好发布,我就等等等”堆成山“了...这回我下决心在CSDN上写文章,只写自己整理好的文章,标准:“精”,“深”,“用心”!规范自己坏习惯,更要规范自己代码,不能像那个啥(si)一样!主要指注释、命名规范方面:

文件命名:

标配w3c

HTML:about-us.html;

CSS:about-us.css;

JavaScript:about-us.js;

Images:wx_icon_use.png;

Id:#go-home;

Class:.hd-nav{};

var定义变量:

var studentDate="";

var personSay=function(){};

function PersonSay(){};

注释:

HTML:

CSS:
@charset "UTF-8";//中文不乱码;
/*

  • Author:Yancy
  • Date:2017-11-22
  • Description:首页;
    /
    /
    注释说明*/

JavaScript:
//注释说明;
/
解释function方法;

  • */
    黄金定律:不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的,永远遵循同一套编码规范!

扩展:

前端开发规范

W3C前端开发规范; 凹凸实验室整理 ;
谷歌、百度、css性能、移动前端、无线web、动画等参考规范 ;
NEC:web工程师规范\css框架\插件*css reset清空浏览器样式*等更好的css方案参考;

猜你喜欢

转载自www.cnblogs.com/yancongyang/p/9287759.html