前端代码编写规范VIP免费

下载本文档

阅读 169
下载 1
格式 doc
大小 166.5 KB
约22页
2024-10-22 发布于山西
收藏
评论
点赞(0)
海报
举报

1/22页

2/22页

3/22页

在线预览已结束，请下载后查看完整版，加入VIP享文档下载特权

/22

文本预览下载提示常见问题

前端代码编写规范命名规则1.项目名称项目名称驼峰式命名。例：myProject2.目录命名采用单数命名法。例：cssimgfontjs3.JS文件命名字母全部小写，单词之间用“-”链接。例：popup-window.js4.CSS文件命名字母全部小写，单词之间用“-”链接。例：popup-window.css5.HTML文件命名文件名称驼峰式命名。例：riverMonitor.htmlHTML1.语法缩进使用Tab（4个空格）;解释：对于非HTML标签之间的缩进,比如script或style标签内容缩进，与script或style标签的缩进同级。

first
second

嵌套的节点应该缩进;在属性上使用双引号（字符串拼接除外）;属性名全小写，用“-”做分隔符;自动闭合标签处不能使用斜线。Pagetitle

Hello,world!2.HTML5doctype页面开头的doctype大写，html小写。例：...3.字符编码采用UTF-8的编码格式。例：

...4.引入CSS,JSCSS引入使用

JS引入使用页面不允许出现style标签。5.属性1.属性名必须使用小写字母......6.属性顺序classidnamedata-*src,for,type,href,value,max-length,max,min,patternplaceholder,title,altaria-*,rolerequired,readonly,disabled7.标签标签名必须使用小写字母

HelloStyleGuide!

1．对于无需自闭合的标签，不允许自闭合解释：常见无需自闭合标签有input、br、img、hr等。2.标签使用必须符合标签嵌套规则解释：比如div不得置于p中，tbody必须置于table中。ul标签包含着li、dl标签包含着dt和dd。3.标签使用必须符合标签嵌套规则常见标签语义：P–段落h1,h2,h3,h4,h5,h6–层级标题strong,em–强调ins–插入del–删除abbr–缩写code–代码标识cite–引述来源作品的标题q–引用blockquote–一段长篇引用ul–无序列表ol–有序列表dl,dt,dd–定义列表8.图片禁止img的src取值为空。延迟加载的图片也要增加默认的src。解释：src取值为空，会导致部分浏览器重新加载一次当前页面，参考：https://developer.yahoo.com/performance/rules.html#emptysrc[建议]避免为img添加不必要的title属性。解释：多余的title影响看图体验，并且增加了页面尺寸。[建议]为重要图片添加alt属性。解释：可以提高图片加载失败时的用户体验。[建议]添加width和height属性，以避免页面抖动。[建议]有下载需求的图片采用img标签实现，无下载需求的图片采用CSS背景图实现。解释：1.产品logo、用户头像、用户产生的图片等有潜在下载需求的图片，以img形式实现，能方便用户下载。2.无下载需求的图片，比如：icon、背景、代码使用的图片等，尽可能采用CSS背景图实现。9.表单1．控件标题[强制]有文本标题的控件必须使用label标签将其与其标题相关联。解释：有两种方式：1.将控件置于label内。2.label的for属性指向控件的id。推荐使用第一种，减少不必要的id。如果DOM结构不允许直接嵌套，则应使用第二种。示例：我已确认上述条款用户名：

1、当您付费下载文档后，您只拥有了使用权限，并不意味着购买了版权，文档只能用于自身使用，不得用于其他商业用途（如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利）。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。
3、如文档内容存在违规，或者侵犯商业秘密、侵犯著作权等，请点击“违规举报”。

碎片内容

前端代码编写规范

前端代码编写规范命名规则1

项目名称项目名称驼峰式命名

例：myProject2

目录命名采用单数命名法

例：cssimgfontjs3

JS文件命名字母全部小写，单词之间用“-”链接

例：popup-window

CSS文件命名字母全部小写，单词之间用“-”链接

例：popup-window

HTML文件命名文件名称驼峰式命名

例：riverMonitor

htmlHTML1

语法缩进使用Tab（4个空格）;解释：对于非HTML标签之间的缩进,比如script或style标签内容缩进，与script或style标签的缩进同级

/*样式内容的第一级缩进与所属的style标签对齐*/ul{padding:0;}firstsecond//脚本代码的第一级缩进与所属的script标签对齐require(['app'],function(app){app

init();});嵌套的节点应该缩进;在属性上使用双引号（字符串拼接除外）;属性名全小写，用“-”做分隔符;自动闭合标签处不能使用斜线

PagetitleHello,world

HTML5doctype页面开头的doctype大写，html小写

字符编码采用UTF-8的编码格式

引入CSS,JSCSS引入使用JS引入使用页面不允许出现style标签

属性名必须使用小写字母

您可能关注的文档

文章天下 + 关注: 实名认证
内容提供者

各种文档应有尽有

收藏店铺进入空间

前端代码编写规范VIP免费

前端代码编写规范

您可能关注的文档

相关文档

热门下载

相关标签