美文网首页
代码规范

代码规范

作者: 晴風無眠 | 来源:发表于2016-10-24 17:38 被阅读43次

根据公司相关内容,简单总结一下前端的代码规范,以后再慢慢更新

js与css规范,

开头要写相关信息

/******
 * author: 作者   create time : 时间   desc : 描述 
 * author: 修改作者   modify time: 修改时间   modify_info: 修改信息
******/
`时间格式:2016-10-01`

js规范


  • 变量用下划线 pick_up_in_app
  • 常量大写 PICK_IN_APP
  • 函数名小驼峰方式 pickUpInApp
  • 等号冒号相关联内容要排在一列,并前后要有空格

var a = 1;
var bb = 2;
var ccc = 3;
===============
var a = {
a : 1,
bb : 2,
ccc : 3
}

* 块级注释写在块的前面,行内注释写在后面
* ```
/**
 * 我是块级注释
 * 
 */
var a = 1; //这是行内注释

使用===绝对等,尽量少的使用==(会转换类型后,在匹配),性能考虑。如果是后台传来的数据,建议用==,以防后台修改数据类型。

  • 优先使用单引号,再使用双引号。只有在json文件中才使用双引号。
  • 函数或if语句等相关语句.
    • 右括号与左大括号之间有一个空格
    • 并排的分号或逗号在之后添加一空格

function each(ary, func) {
if(ary) {
var i;
for(i = 0; i < ary.length; i += 1) {
if(ary[i] && func(ary[i], i, ary)) {
break;
}
}
}
}



### css 规范
UI与前后添加

/**

  • banner样式 -> start
    */
    .banner-box {

}
/**

  • banner样式 -> end
    */
**书写顺序**

.declaration-order {
/* Positioning */
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 100;

/* Box-model */
    display : block;
    float   : right;
    width   : 100px;
    height  : 100px;
    margin  : 0;
    padding : 0;


/* Typography */
    color          : #333;
    font           : normal 13px "Helvetica Neue", sans-serif;
    font-size      : 12px;
    font-weight    : body;
    line-height    : 1.5;
    vertical-align : middle;
    text-align     : center;
    text-shadow    : 1px 1px 2px rgba(0,85,0,.8); 

/* Visual */
    background-color : #f5f5f5;
    background-image : url();
    border           : 1px solid #e5e5e5;
    border-radius    : 3px;
    box-shadow       : 1px 1px 2px rgba(0,85,0,.8);

/* Misc */
    opacity: 1;

}

相关文章

  • Web 端代码规范

    目录 1、代码规范概述 2、代码规范流程搭建 3、代码规范细则 1、代码规范概述 良好的代码规范能够提供软件的可读...

  • 代码规范

    代码规范 1. 概述 欢迎使用前端代码规范, 这里借鉴、引用的是京东前端代码规范。 遵循代码规范的目的在于增强团队...

  • iOS 代码规范篇

    iOS 代码规范篇 iOS 代码规范篇

  • iOS(OC)开发之随感

    1.代码规范 规范很重要!规范很重要!规范很重要! 代码规范的重要性之-为什么谷歌要执行严格的代码编写规范http...

  • 前端学习的基本总结

    目录 1.为什要遵守代码规范 2.css代码规范 3.js代码规范与设计模式3.1 js代码规范3.2 设计模式 ...

  • 乐乎项目优化

    编程: 1、代码规范。架构规范、文件组织规范、命名规范、代码逻辑规范、资源存放。 一、使用cocoapod 二、代...

  • 小肤iOS开发代码规范_v1.0

    For Objective-C , 2018.8.2 Ⅰ.前言Ⅱ.命名规范Ⅲ.代码注释规范Ⅳ.代码格式化规范Ⅴ....

  • 代码规范

    代码规范 1. 概述 欢迎使用代码规范, 这个是我借鉴京东前端代码规范,组织的内部规范。旨在增强团队开发协作、提高...

  • PSR-2- Coding Style Guide 编码风格规范

    代码风格规范 本篇规范是 PSR-1 基本代码规范的继承与扩展。 本规范希望通过制定一系列规范化PHP代码的规则,...

  • PM篇

    PM 技术篇1.开发规范命名规范,异常处理规范,日志规范,统一框架,代码commit规范,代码评审规范,统一API...

网友评论

      本文标题:代码规范

      本文链接:https://www.haomeiwen.com/subject/khuluttx.html