holyzfy / frontend_guidelines Goto Github PK

{
  // ...

  "scripts": {
    "validate_filename": "node validate_filename.js `git diff --staged --name-only --diff-filter=ACMRTU`",
    "csslint": "files=`git diff --staged --name-only --diff-filter=ACMRTU | egrep '\\.css$'`; if [ \"${files:=empty}\" != \"empty\" ]; then csslint --quiet $files; fi",
    "eslint": "files=`git diff --staged --name-only --diff-filter=ACMRTU | egrep '\\.js$'`; if [ \"${files:=empty}\" != \"empty\" ]; then eslint -c .eslintrc.json $files; fi",
    "build": "node ./node_modules/requirejs/bin/r.js -o build.js"
  },
  "config": {
    "ghooks": {
      "pre-commit": "npm run validate_filename && npm run csslint && npm run eslint"
    }
  },
  "devDependencies": {
    "colors": "^1.1.2",
    "ghooks": "^1.0.3"
  }

  // ...
}

var colors = require('colors');

var arguments = process.argv.slice(2);
var pattern = /^[a-z0-9_./]+$/;
var valid = true;

arguments.forEach(function(filepath) {
    if(!pattern.test(filepath)) {
        valid = false;
        console.error(colors.red(filepath));
    }
});

if(!valid) {
    console.error(colors.yellow('请检查以上列出的文件（约定文件和目录由小写字母、数字、下划线_组成）'));
    process.exit(1);
}

var calculate = {  
  array: [1, 2, 3],
  sum() {
    console.log(this === calculate); // => true
    return this.array.reduce((result, item) => result + item);
  }
};
calculate.sum(); // => 6  

function MyCat(name) {  
  this.catName = name;
}
MyCat.prototype.sayCatName = function() {  
  console.log(this === cat); // => true
  return this.catName;
};
var cat = new MyCat('Mew');  
cat.sayCatName(); // => 'Mew'  

var button = document.getElementById('myButton');  
button.addEventListener('click', function() {  
  console.log(this === button); // => true
  this.innerHTML = 'Clicked button';
});

var Message = function(text) {  
  this.text = text;
};
var helloMessage = new Message('Hello World!');  
console.log(helloMessage.text); // => 'Hello World!'  

{
    inlineText: true, // 内联js模板
    modules: [
        // 对于modules里的每一项，js目录下需要有与name属性值同名的js文件，文件内容可以为空
        {
            name: 'common',
            include: [
                'lib/jquery.js',
                'lib/template.js'
            ]
        }
        {
            name: 'demo',
            include: [ // 合并为一个文件：demo.js
                'module_a',
                'module_b',
                'module_c'
            ],
            exclude: [
                'common' // 合并时排除common和common的依赖
            ]
        }
    ]
}

var demoTmpl = require('text!templates/path/to/demo_tmpl.html');

// ...

var demoTmpl = 'demo_tmp.html的内容...';

// ...

var demoTmpl = '<div>'+
                    '<p>' +
                        '<span>' + item +'</span>' +
                    '</p>' +
                '</div>';