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