【gulp协作规范】

文件目录

注意：css和js文件，如果不需要的请删除，不要放置无用文件在文件夹中。
less 命名和 html模板的命名要对应一致，最好使用中文。某个页面下面的模块可以使用-分隔开。

css\
    cui.css        /* 初始化样式cui公用类 */
    cui-rel.css
    lib.css
    style.css
    style-rel.css
    all.css
images\          /* 图片放置到这里，注意图片的质量和压缩体积，透明图片采用PNG，Jpg图片要适当压缩保持不失真体积最小 */
js\
    cui.js      /* 公用js功能类，有弹出菜单，选项卡等，不需要请删除 */
    lib.js      /* 公用的js存放，全局都需要调用的js放到这里，不需要请删除 */
    jquery.js   /* js框架 */
less\
    公用.less
    头底.less
    新闻列表.less
    关于我们-联系我们.less
template\
    jscss.html
    首页banner.html
    关于我们-联系我们.html
    头部.html
    底部.html
    新闻列表.html
index.html
新闻.html
关于我们.html

模块和文件命名

自定义模块命名严格按照模块内容命名，不要使用自己的姓名拼音命名，可以使用模块的英文名或者中文名命名，可以与class名保持一致，或者以页面中的模块标题命名，要展现我们的专业和高大上。

通用首页

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>index</title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
        <meta name="apple-mobile-web-app-capable" content="yes">  
        <meta name="wap-font-scale" content="no"> 
        <meta name="format-detection" content="telephone=no" />
        {jscss} <!-- 调用 jscss.html 模板内容，里面放的都是公用的js和css我们都放到头部 -->
    </head>
<body>
{头部}
{首页banner}
<div class="index">

<div>
{底部}
</body>
</html>

注释规范

注释禁止使用姓名和英文字符，注释必须是用模块命名的形式，下面的是注释例子严格按照下面的格式写注释

HTML注释

<!-- 模块名 -->
HTML内容在这里
<!-- 模块名 end-->

CSS注释

/* === 页面注释，大注释 === */
/* --- 模块注释，中注释 --- */
/* 提示注释，小注释 */

检查规范

项目完成后要严格对照设计图进行检查，出现下面的问题将会受到处罚

  • 设计图对照细节
  • 两侧的间距是否需要对称，响应式是否对称
  • 字体大小是否突兀，颜色是否与设计图一致
  • 公用的js是否放置到lib.js里面并进行所有页面调用
  • 弹出菜单是否可以弹出，响应式的导航在屏幕缩小放大的时候是否会出错，手机上滑动页面的时候导航会不会出错
  • 发送给客户文件的时候确定是不是最新的，是不是测试过的，是不是细节检查过的，是不是你想要发的文件
  • 没被使用的js和css是否删除？
posted @ 2016-12-06 17:47  5811  阅读(139)  评论(0)  编辑  收藏  举报