WEB前端开发规范文档

WEB前端开发规范文档

规范目的 

为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档。 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发。 本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改

 

基本准则 

符合web标准,语义化html, 结构、表现、行为分离, 兼容性优良。 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度。

 

文件规范 

1.  html、css、javascript、images文件均归档至《WEB前端开发规范文档》约定的目录中。 

2.  html文件命名: 英文命名, 后缀为“.html”。 同时将对应界面稿放于同目录中,若界面稿命名为中文,请重命名与html文件同名,以方便后端添加功能时查找对应页面。 

3.  css文件命名: 英文命名,共用: base.css,首页: homepage.css,子页subpage.css,框架样式:bootstrap.css ,其它页面依实际模块需求命名。 

4. Javascript文件命名: 英文命名, 共用jquery.js、angular, 其他依实际模块需求命名。

 

工作流程

1.  基本流程:公司性质决定流程,不过一般大体都是需求--设计--页面制作--效果制作--添加程序。

2.后台管理流程:  基本遵守 本人开发调试、前后端联调、测试上线、正式上线的流程规范。

3.流程工具:掌握工具console控制台、fis、postman插件、switchhosts、sublime、webstorm等辅助工具。

 

前端技术

1、  基本html、css、js、get请求、post请求、form表单请求、json数据格式、jsonp数据格式、xml数据格式

2、  管理器requirejs、mod.js,其他同类seajs

3、  单页面框架 angular.js,其他同类vuejs、avalon.Js

4、  工具类 jQuery、Zepto、gum.Js、angular插件

5、   预处理语言 less、sass

5、 构建工具fis,其他同类webpack、gulp、grunt

 

原文地址:https://www.cnblogs.com/caoke/p/5577078.html