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等辅助工具。

 

前端技术

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

二、  管理器requirejs、mod.js，其余同类seajs

三、  单页面框架 angular.js，其余同类vuejs、avalon.Js

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

五、   预处理语言 less、sass

五、 构建工具fis，其余同类webpack、gulp、grunt