- 1、本文档共61页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
目 录
介绍
1. 基本原则
2. HTML
2.1 通用约定
2.2 语义化
2.3 HEAD
3. CSS
3.1 通用约定
3.2 字体排印
3.3 模块组织
3.4. Less 规范
3.5. 性能优化
4. JavaScript
4.1. 通用约定
4.2. jQuery 规范
4.3. 性能优化
5. 移动端优化
6. 工具箱
7. 参考
本文档使用 看云 构建 - 2 -
介绍
介绍
前端开发规范手册
原文出处 :Github 仓库地址
此手册主要实现的目标 :代码一致性和最佳实践。通过代码风格的一致性 ,降低维护代码的
成本以及改善多人协作的效率。同时遵守最佳实践 ,确保页面性能得到最佳优化和高效的代
码。
此手册是在开发中积累下来的经验和参考其它规范/指南制定的 ,它只是起指导作用 ,除个别
条目强制之外 ,大多数为非强制约束 ,开发者可根据自己的实际情况自行决定是否要遵守 该
指南只是保证大方向一致性和最佳实践的阶段性总结 ,不是最后结论 ,它会随着时间而变
化。
目录
介绍
基本原则
HTML
通用约定
语义化
HEAD
CSS
通用约定
字体排印
模块组织
Less 规范
性能优化
JavaScript
通用约定
jQuery 规范
性能优化
本文档使用 看云 构建 - 3 -
介绍
移动端优化
工具箱
参考
本文档使用 看云 构建 - 4 -
介绍
本文档使用 看云 构建 - 5 -
介绍
本文档使用 看云 构建 - 6 -
1. 基本原则
1. 基本原则
基本原则
结构、样式、行为分离
尽量确保文档和模板只包含 HTML 结构 ,样式都放到样式表里 ,行为都放到脚本里。
缩进
统一两个空格缩进 (总之缩进统一即可 ),不要使用 Tab 或者 Tab 、空格混搭。
文件编码
使用不带 BOM 的 UTF-8 编码。
在 HTML中指定编码 <meta charset "utf-8"> ;
无需使用 @charset 指定样式表的编码 ,它默认为 UTF-8 (参考 @charset );
一律使用小写字母
<!-- Recommended -->
<img src "google.png" alt "Google">
<!-- Not recommended -->
<A HREF "/">Home</A>
/* Recommended */
color: #e5e5e5;
/* Not recommended */
color: #E5E5E5;
省略外链资源 URL 协议部分
省略外链资源 (图片及其它媒体资源 )URL 中的 http / https 协议 ,使 URL 成为相对
地址 ,避免Mixed Content 问题 ,减小文件字节数。
其它协议 (ftp 等 )的 URL 不省略。
<!-- Recommended -->
<script src "//www ./js/gweb/analytics/autotrack.js"></script>
<!-- Not recommended -
您可能关注的文档
- 橙果返利机器人说明书.pdf
- 从零开始的避坑指南.pdf
- 大数据管理系统LAXCUS.pdf
- 大数据开源框架.pdf
- 大学英语B400核心词汇.pdf
- 店小伙快店windows版软件.pdf
- 动说系统安装教程.pdf
- 督导APP功能说明.pdf
- 多商户系统安装教程.pdf
- 废钢网APP操作说明.pdf
- 2024年山东省聊城东阿县事业单位选聘32人历年高频考题难、易错点模拟试题(共500题)附带答案详解.docx
- 2024年山东省聊城莘县事业单位招聘单位高频考题难、易错点模拟试题(共500题)附带答案详解.docx
- 汽机专业题库及解析.docx
- 基本常规医疗流程答案.doc
- 大金空调故障代码汇总.docx
- 理综-山西省阳泉市2023-2024学年高三年级上学期期末考试试题和答案.docx
- 数学-海南省天一大联考2023-2024学年高三学业水平诊断(二)带答案.docx
- 地理-湖南省长沙市雅礼中学2023-2024学年高三上学期月考试卷带答案.docx
- 生物-湖南省长沙市雅礼中学2023-2024学年高三上学期月考试卷带答案.docx
- 数学-湖南省长沙市雅礼中学2023-2024学年高三上学期月考试卷带答案.docx
文档评论(0)