• 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

     

  • 相关阅读:
    20个热门jQuery的提示和技巧
    10个原生JavaScript技巧
    HTML5开发 BUG解决
    JS笔试题
    AMD:浏览器中的模块规范
    Win8 App使用Listview的简单方法
    Javascript模块化编程
    移动端插件IScroll.js
    移动web资源概论
    Commonjs规范中module.exports和exports的区别
  • 原文地址:https://www.cnblogs.com/caoke/p/5577078.html
Copyright © 2020-2023  润新知