首页 > 其他 > 详细

前端相关项目规范(不断更新)

时间:2016-03-24 13:12:11      阅读:191      评论:0      收藏:0      [点我收藏+]

一.命名规则

1.项目命名:  对方公司名_活动名  比如 baidu_runing   为百度做的一个奔跑的活动。

2.目录命名:   css images js media。

3.文件命名:   ① css :多数情况只有一个css文件  命名为 nmirus.style.css。

         ② js: 编写的js文件,主要的js文件命名为nmirus.main.js。

4.html命名: 页面_功能.html。

二.HTML

1.声明:  ①  <!DOCTYPE html>        // H5文档类型声明

    ②  <html lang="zh">          //   声明页面语言为中文,主要面向搜索引擎。语义越规范越有可能被收录。

    ③  <meta charset="UTF-8">   //  声明字符集

2.引入: js文件    <script src=""></script>  

    css文件  <link rel="stylesheet" type="text/css" href="">

    img   要加上 避免图片加载缓慢 图片位置空白 可适当加个背景色。

3.给同一个标签命名的顺序是 class //下划线 tips_title  

                 id  //驼峰式  tipsTitle     

              name

              data-*  

              src

              placeholder

                title

              required="required" //必填    

              readonly="readonly"//只读

              maxlength="" //最大字符串数量 

              disabled="disabled"  //禁用input标签 不能点击 不能输入等操作  

4.避免过度嵌套  如img标签无过多要求时  不必用div来包裹。

三、css

  1.书写顺序:display float position     //布局属性

        top left right bottom      //位置属性

        width height  margin padding border

        font text-again 

        background

        animation

  2.颜色使用十六进制  #5F28DE 

  3.去掉小数点钱的0  比如 opacity : .5 ;

  3.属性值为0的不要加单位   width : 0 ;    //用空格空开

前端相关项目规范(不断更新)

原文:http://www.cnblogs.com/xiaoye1990/p/5315017.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!