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

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

文件命名统一采用小写英文字母,尽量不包含空格和特殊符号。因为是团队协作,因此起的名字应方便每一位成员的理解,并且能够方便地进行查找、修改、替换、计算负载量等等操作。

文件规范

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

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

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

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

手册目录

w3c html规范规范文档,前端开发规范相关推荐

  1. 前端架构之路(3) - 前端开发规范

    前端开发规范 1. 为什么需要 "前端开发规范" 规范不是强制性的,对代码的编写和程序的运行不会有致命的问题,但是没有规范会有一系列的问题,比如: 缺乏规范,第一个问题就是团队编码 ...

  2. 前端开发规范文档(html,css,js)

    首先吐槽一句,本来想上传word文档的,可是发现博客不能上传word文档,这就很尴尬了. 首先声明该规范不是本人写的,网上搜前端规范发现这个很详细就先复制下来做笔记,当然不可能啥都按规范来,每个公司的 ...

  3. Web前端开发规范文档(更新于2013-01-13)

    规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不 ...

  4. Web 前端开发规范手册

    Web 前端开发规范手册 一.规范目的 1.1 概述 二.文件规范 2.1 文件命名规则 2.2 文件存放位置规范 2.3 CSS 书写规范 基本原则: 注意细则: 命名规则: id的命名: 基本样式 ...

  5. Python试题和规范文档

    ##试题: ###第一题: microbit和Arduino的区别 microbit:1.在线编程工具+本地编程工具,2.尺寸 43mm * 52mm,3.兼容电压:3V,4.带有模拟窗口,即使手上没 ...

  6. microbit题目和规范文档

    microbit题目和规范文档 考试题目: 第一题:microbit和Arduino的区别 第二题 第三题:画流程图,当microbit晃动时,在LED点阵上显示1-6的随机数,当按钮b按下时,清空l ...

  7. 还在手工制作APP规范文档?这款设计神器你不容错过

    之前写了一些关于APP原型文档的文章:一款APP的交互文档从撰写到交付 这次想写下关于APP设计规范文档的内容,规范文档这个东西,实际上大部分中小型公司没有这方面的需求,也没精力去制作这样一个系统性的 ...

  8. 前端传中文文件名_前端工程师需要掌握哪些知识,web前端开发规范总结

    Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦).不同公司不同团队具有不同的规范和文档.下面是根据不同企业和团队的要求进行全面详 ...

  9. (16)WEB前端开发规范之HTML规范

    一.WEB前端开发规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档: 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发: 本 ...

最新文章

  1. 深度 | 一文读懂“情感计算”在零售中的应用发展
  2. EFS 加密文件系统
  3. 算法-------LIS算法(Java版本)
  4. POJ 2778 DNA Sequence —— (AC自动机+矩阵快速幂)
  5. windows系统连接***后不能上网
  6. 视觉SLAM学习--RGB-D SLAM学习(待完善)
  7. Android之实现RecyclerView拖拽效果和固定部分元素不进行交换位置
  8. 打造自己的数据访问层(三)
  9. centos6.5安装Chrome
  10. ROS学习笔记基础1(Ubuntu16.04安装ROS和依赖包)
  11. python21天打卡Day10-string和bytes互转
  12. 如何使用PDF expert在Mac上给PDF调整页面顺序?
  13. python可不可以同时执行1000个线程_python怎么能同时执行代码(多线程)?
  14. blob的txt下载方式
  15. Simulink之S-function函数笔记之一
  16. JPBC实现基于RSA的CLSC算法问题在哪,怎么修改,帮我看看
  17. shing boot 做session共享 redis
  18. 艾司博讯:拼多多机器人客服在哪里
  19. 为什么要清除浮动?清除浮动的方式?
  20. unity编辑器扩展界面使用 List

热门文章

  1. Kubernetes 的自动伸缩你用对了吗?
  2. 最新!MongoDB 重磅发布 MongoDB 5.0 和无服务器 Atlas
  3. CSDN 独家对话阿里云贾扬清、华先胜等大咖,剧透阿里云原生技术密码
  4. Mendix:云原生应用是软件的未来
  5. AWS 专家教你使用 Spring Boot 和 DJL ,轻松搭建企业级机器学习微服务!
  6. redistemplate.opsforvalue 设置不过期_民法典即将实施!“离婚冷静期”倍受关注
  7. hasp运行不成功_提问:程序无报错或警告,但总是运行不成功,会卡住没反应...
  8. Docker Harbor 2.3.4 集群 双主复制高可用镜像仓库
  9. RuoYi-Cloud [网关异常处理]请求路径:/code,异常信息:null
  10. linux CentOS7 最小化安装环境静默安装Oracle11GR2数据库(安装操作系统环境_01)