{
    "/class/common/bundle.js":"/class/common/bundle-15c92.js",
    "/class/common/bundle.css":"/class/common/bundle-b2f6b.css",
    "/class/app/courseList/bundle.js":"/class/app/courseList/bundle-15c92.js",
    "/class/app/courseList/bundle.css":"/class/app/courseList/bundle-0d8b6.css"
}

<script src="<%=YesHJ.Class.ClassStaticHelper.GetSource("/class/app/course/bundle.js")%>"></script>

<!--有一定浏览器兼容性问题-->
<style>
.content{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
</style>
<div class="content">
    -webkit-line-clamp is an unsupported WebKit property that limits the number of lines of text displayed in a block element. In order to achieve the effect, it needs to be combo-ed with a couple of other exotic WebKit properties.
</div>

<script>
    //copy from taobao
    !function (win) {
        function refreshRem() {
            var width = docEl.getBoundingClientRect().width;
            width / dpr > 540 && (width = 540 * dpr), win.rem = width / 16, docEl.style.fontSize = win.rem + "px"
        }
        var dpr, scale, tid, doc = win.document, docEl = doc.documentElement, metaEl = doc.querySelector('meta[name="viewport"]'), flexibleEl = doc.querySelector('meta[name="flexible"]');
        if (metaEl) {
            var match = metaEl.getAttribute("content").match(/initial\-scale=(["']?)([\d\.]+)\1?/);
            match && (scale = parseFloat(match[2]), dpr = parseInt(1 / scale))
        } else if (flexibleEl) {
            var match2 = flexibleEl.getAttribute("content").match(/initial\-dpr=(["']?)([\d\.]+)\1?/);
            match2 && (dpr = parseFloat(match2[2]), scale = parseFloat((1 / dpr).toFixed(2)))
        }
        if (!dpr && !scale) {
            var k = (win.navigator.appVersion.match(/android/gi), win.navigator.appVersion.match(/iphone/gi)), devicePixelRatio = win.devicePixelRatio;
            dpr = k ? devicePixelRatio >= 3 ? 3 : devicePixelRatio >= 2 ? 2 : 1 : 1, scale = 1 / dpr
        }
        if (docEl.setAttribute("data-dpr", dpr), !metaEl)if (metaEl = doc.createElement("meta"), metaEl.setAttribute("name", "viewport"), metaEl.setAttribute("content", "initial-scale=" + scale + ", maximum-scale=" + scale + ", minimum-scale=" + scale + ", user-scalable=no"), docEl.firstElementChild) {
            docEl.firstElementChild.appendChild(metaEl);
        }else {
            var l = doc.createElement("div");
            l.appendChild(metaEl), doc.write(l.innerHTML)
        }
        win.dpr = dpr, win.addEventListener("resize", function () {
            clearTimeout(tid), tid = setTimeout(refreshRem, 300)
        }, !1), win.addEventListener("pageshow", function (e) {
            e.persisted && (clearTimeout(tid), tid = setTimeout(refreshRem, 300))
        }, !1), "complete" === doc.readyState ? doc.body.style.fontSize = 12 * dpr + "px" : doc.addEventListener("DOMContentLoaded", function () {
            doc.body.style.fontSize = 12 * dpr + "px"
        }, !1), refreshRem()
    }(window);
</script>

// inside some `<Message />` React component
render: function() {
  var classString = 'message';
  if (this.props.isImportant) {
    classString += ' message-important';
  }
  if (this.props.isRead) {
    classString += ' message-read';
  }
  // 'message message-important message-read'
  return <div className={classString}>Great, I'll be there.</div>;
}

render: function() {
  var cx = React.addons.classSet;
  var classes = cx({
    'message': true,
    'message-important': this.props.isImportant,
    'message-read': this.props.isRead
  });
  // same final string, but much cleaner
  return <div className={classes}>Great, I'll be there.</div>;
}

React.createClass({
  propTypes: {
    // You can declare that a prop is a specific JS primitive. By default, these
    // are all optional.
    optionalArray: React.PropTypes.array,
    optionalBool: React.PropTypes.bool,
    optionalFunc: React.PropTypes.func,
    optionalNumber: React.PropTypes.number,
    optionalObject: React.PropTypes.object,
    optionalString: React.PropTypes.string,

    // Anything that can be rendered: numbers, strings, elements or an array
    // containing these types.
    optionalNode: React.PropTypes.node,

    // A React element.
    optionalElement: React.PropTypes.element,

    // You can also declare that a prop is an instance of a class. This uses
    // JS's instanceof operator.
    optionalMessage: React.PropTypes.instanceOf(Message),

    // You can ensure that your prop is limited to specific values by treating
    // it as an enum.
    optionalEnum: React.PropTypes.oneOf(['News', 'Photos']),

    // An object that could be one of many types
    optionalUnion: React.PropTypes.oneOfType([
      React.PropTypes.string,
      React.PropTypes.number,
      React.PropTypes.instanceOf(Message)
    ]),

    // An array of a certain type
    optionalArrayOf: React.PropTypes.arrayOf(React.PropTypes.number),

    // An object with property values of a certain type
    optionalObjectOf: React.PropTypes.objectOf(React.PropTypes.number),

    // An object taking on a particular shape
    optionalObjectWithShape: React.PropTypes.shape({
      color: React.PropTypes.string,
      fontSize: React.PropTypes.number
    }),

    // You can chain any of the above with `isRequired` to make sure a warning
    // is shown if the prop isn't provided.
    requiredFunc: React.PropTypes.func.isRequired,

    // A value of any data type
    requiredAny: React.PropTypes.any.isRequired,

    // You can also specify a custom validator. It should return an Error
    // object if the validation fails. Don't `console.warn` or throw, as this
    // won't work inside `oneOfType`.
    customProp: function(props, propName, componentName) {
      if (!/matchme/.test(props[propName])) {
        return new Error('Validation failed!');
      }
    }
  },
  /* ... */
});

var ComponentWithDefaultProps = React.createClass({
  getDefaultProps: function() {
    return {
      value: 'default value'
    };
  }
  /* ... */
});

@echo off　　　　　　　　　　  //不显示后续命令行及当前命令行
dir c://*.* >a.txt　　　　　　 //将c盘文件列表写入a.txt 
call c://ucdos//ucdos.bat　　　//调用ucdos 
echo 你好 　　　　　　　　　　 //显示"你好" 
pause 　　　　　　　　　　　　 //暂停,等待按键继续 
rem 准备运行wps 　　　　　　　 //注释：准备运行wps 
cd ucdos　　　　　　　　　　　 //进入ucdos目录 
wps 　　　　　　　　　　　　　 //运行wps

@echo off
type %1 
type %2

goto end 

:end 
echo this is the end 

call [[Drive:][Path] FileName [BatchParameters]] [:label [arguments]] 

function *random(next) {
  if ('/random' == this.path) {
    this.body = Math.floor(Math.random()*10);
  } else {
    yield next;
  }
};

function *backwards(next) {
  if ('/backwards' == this.path) {
    this.body = 'sdrawkcab';
  } else {
    yield next;
  }
}

function *pi(next) {
  if ('/pi' == this.path) {
    this.body = String(Math.PI);
  } else {
    yield next;
  }
}

function *all(next) {
  yield random.call(this, backwards.call(this, pi.call(this, next)));
}

app.use(all);

var compose = require('koa-compose'),
    session = require('koa-session'),
    jsonp = require('koa-jsonp'),
    serve = require('koa-static'),
    lusca = require('koa-lusca');

module.exports = function(app) {
    return compose([
        lusca(),
        session(app),
        jsonp(),
        serve(app.config.publicFolder)
    ]);
};

$.fn.huiCalendar = function(options){
  var args = Array.prototype.slice.call(arguments, 1); 
  var res = this; 

  this.each(function(i, _element) { 
    var element = $(_element);
    var calendar = element.data('huiCalendar');
    var singleRes; 

    if (typeof options === 'string') {
      if (calendar && $.isFunction(calendar[options])) {
        singleRes = calendar[options].apply(calendar, args);
        if (!i) {
          res = singleRes; 
        }
        if (options === 'destroy') { 
          element.removeData('huiCalendar');
        }
      }
    }

    else if (!calendar) {
      calendar = new HuiCalendar(element, options);
      element.data('huiCalendar', calendar);
    }
  });

  return res;
};

#备注可以使用--global 也可以不实用，影响不大  
git config --global core.autocrlf true #这个是转换，也是默认值  
git config --global core.autocrlf input #貌似是上库转换，从库中迁出代码不转换  
git config --global core.autocrlf false  #这个一般是window上的，不转换  

//重复mount一个组件
/* 第一次 render */
getDefaultProps  
getInitialState  
componentWillMount  
render  
componentDidMount  
/* 第二次 render */
componentWillReceiveProps  
shouldComponentUpdate  
componentWillUpdate  
render  
componentDidUpdate 


//先mount后unmount组件
/* mount */
getDefaultProps  
getInitialState  
componentWillMount  
render  
componentDidMount  
/* unmount */
componentWillUnmount  

//step1: 解压安装文件
tar -xf nginx-1.2.0.tar.gz

//step2: 进入解压目录 
chmod a+rwx *  

//step3: 配置nginx要安装的插件
./configure --user=nginx --group=nginx   --prefix=/opt/nginx  --with-http_realip_module --with-http_addition_module --with-http_gzip_static_module --with-http_random_index_module --with-http_stub_status_module --with-http_sub_module --with-http_dav_module --with-http_perl_module --with-http_ssl_module

//step4: 安装
make && make install

//step5: 启动ngnix
sudo /usr/local/nginx/sbin/nginx

var [a, b, c] = [1, 2, 3];

let [foo, [[bar], baz]] = [1, [[2], 3]];
foo // 1
bar // 2
baz // 3

let [head, ...tail] = [1, 2, 3, 4];
head // 1
tail // [2, 3, 4]

let [,,third] = ["foo", "bar", "baz"];
third // "baz"

var [foo] = [];
var [foo] = 1;
var [foo] = false;
var [foo] = NaN;
var [bar, foo] = [1];
// 报错
let [foo] = undefined;
let [foo] = null;

const [a, b, c, d, e] = 'hello';
a // "h"
b // "e"
c // "l"
d // "l"
e // "o"

function add([x, y]){
  return x + y;
}

add([1, 2]) // 3

//指定函数的默认值
function move({x, y} = { x: 0, y: 0 }) {
  return [x, y];
}

move({x: 3, y: 8}); // [3, 8]
move({x: 3}); // [3, undefined]
move({}); // [undefined, undefined]
move(); // [0, 0]

//返回一个数组

function example() {
  return [1, 2, 3];
}
var [a, b, c] = example();

// 返回一个对象

function example() {
  return {
    foo: 1,
    bar: 2
  };
}
var { foo, bar } = example();

function getPoint() {
  var x = 1;
  var y = 10;

  return {x, y};
}

getPoint()
// {x:1, y:10}

//定义类
class Point {

  constructor(x, y) {
    this.x = x;
    this.y = y;
  }

  toString() {
    return '('+this.x+', '+this.y+')';
  }

}

var point = new Point(2, 3);

point.toString() // (2, 3)

point.hasOwnProperty('x') // true
point.hasOwnProperty('y') // true
point.hasOwnProperty('toString') // false
point.__proto__.hasOwnProperty('toString') // true

new Foo(); // ReferenceError
class Foo {}

class ColorPoint extends Point {

  constructor(x, y, color) {
    super(x, y); // 调用父类的constructor(x, y)，如果没有写constructor方法，会非显式定义constructor
    this.color = color;
  }

  toString() {
    return this.color + ' ' + super.toString(); // 调用父类的toString()
  }

}

(function(){
  var a = "1";
  var f = function(){};
  var b = "2";
  var c = "3";
})();

(function(){
  var a,f,b,c;
  a = "1";
  f = function(){};
  b = "2";
  c = "3";
})();

(function(){
  //var f1,function f2(){}; //hoisting,被隐式提升的声明

  f1(); //ReferenceError: f1 is not defined
  f2();

  var f1 = function(){};
  function f2(){}
})();

deepClone = function(obj) { //deep clone a plain object
    var input = __slice.call(arguments, 1),
        key,
        value;
    for (var i = 0, length = input.length; i < length; i++) {
        for (key in input[i]) {
            value = input[i][key];
            if (input[i].hasOwnProperty(key) && value !== undefined) {
                // Clone objects
                if (__isPlainObject(value)) {
                    obj[key] = __isPlainObject(obj[key]) ?
                        __extend({}, obj[key], value) :
                        // Don't extend strings, arrays, etc. with objects
                        __extend({}, value);
                    // Copy everything else by reference
                } else {
                    obj[key] = value;
                }
            }
        }
    }
    return obj;
}

Promise.reject()
Promise.resolve()

// animate  
$('.box')  
    .animate({'opacity': 0}, 1000)  
    .promise()  
    .then(function() {  
        console.log('done');  
    });  

// ajax  
$.ajax(options).then(success, fail);  
$.ajax(options).done(success).fail(fail);  

// ajax queue  
$.when($.ajax(options1), $.ajax(options2))  
    .then(function() {  
        console.log('all done.');  
    }, function() {  
        console.error('There something wrong.');  
    });  

// Create a user-defined object.
var obj = {};

// Add a data property.
obj.newDataProperty = "abc";

// Get the property descriptor.
var descriptor = Object.getOwnPropertyDescriptor(obj, "newDataProperty");

// Change a property attribute.
descriptor.writable = false;
Object.defineProperty(obj, "newDataProperty", descriptor);

var _createClass = (function() {
    function defineProperties(target, props) {
        for (var i = 0; i < props.length; i++) {
            var descriptor = props[i];
            descriptor.enumerable = descriptor.enumerable || false;
            descriptor.configurable = true;
            if ('value' in descriptor) descriptor.writable = true;
            Object.defineProperty(target, descriptor.key, descriptor);
        }
    }
    return function(Constructor, protoProps, staticProps) {
        if (protoProps) defineProperties(Constructor.prototype, protoProps);
        if (staticProps) defineProperties(Constructor, staticProps);
        return Constructor;
    };
})();

<script>
    (function (factory) {
        if (typeof define === 'function' && define.amd) {
            // AMD (Register as an anonymous module)
            define(['jquery'], factory);
        } else if (typeof exports === 'object') {
            // Node/CommonJS
            module.exports = factory(require('jquery'));
        } else {
            // Browser globals
            factory(jQuery);
        }
    }(function($){
        // 待转化库
    }));
</script>

<!-- 启用360浏览器的极速模式(webkit) -->

<meta name="renderer"content="webkit">

<!-- 避免IE使用兼容模式 -->

<meta http-equiv="X-UA-Compatible"content="IE=edge">

<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->

<meta name="HandheldFriendly"content="true">

<!-- 微软的老式浏览器 -->

<meta name="MobileOptimized"content="320">

<!-- uc强制竖屏 -->

<meta name="screen-orientation"content="portrait">

<!-- QQ强制竖屏 -->

<meta name="x5-orientation"content="portrait">

<!-- UC强制全屏 -->

<meta name="full-screen"content="yes">

<!-- QQ强制全屏 -->

<meta name="x5-fullscreen"content="true">

<!-- UC应用模式 -->

<metaname="browsermode"content="application">

<!-- QQ应用模式 -->

<metaname="x5-page-mode"content="app">

<!-- windows phone 点击无高光 -->

<metaname="msapplication-tap-highlight"content="no">

gem sources --remove https://rubygems.org/  //删除

gem sources -a https://ruby.taobao.org/  //添加

gem sources -l  //查看列表

var LogMixin = {
    componentWillMount: function () {
        console.log('Component will mount');
    },
    componentDidMount: function () {
        console.log('Component did mount');
    }
};

var AComponent = React.createClass({
    mixins: [LogMixin],
    render: function () {
        return (
            <div>AComponent</div>
        )
    }
});

(function(){  
    var supportOrientation=(typeof window.orientation == "number" && typeof window.onorientationchange == "object");  

    var updateOrientation=function(){  
        if(supportOrientation){  
            updateOrientation=function(){  
                var orientation=window.orientation;  
                switch(orientation){  
                    case 90:  
                    case -90:  
                        orientation="landscape";  
                        break;  
                    default:  
                        orientation="portrait";  
                }  
                document.body.parentNode.setAttribute("class",orientation);  
            };  
        }else{  
            updateOrientation=function(){  
                var orientation=(window.innerWidth > window.innerHeight)? "landscape":"portrait";  
                document.body.parentNode.setAttribute("class",orientation);  
            };  
        }  
        updateOrientation();  
    };  

    var init=function(){  
        updateOrientation();  
        if(supportOrientation){  
            window.addEventListener("orientationchange",updateOrientation,false);  
        }else{      
            window.setInterval(updateOrientation,5000); 
        }  
    };  

    window.addEventListener("DOMContentLoaded",init,false);  
})();  

var callbackName = 'iAmTheCallback';
window[callbackName] = function (uuu, vvv, www) {
// 对返回的数据做后续处理
}
var script = document.createElement('script');
script.src = 'http://melon.github.io/xxx/yyy?callback='+callbackName;
document.body.appendChild(script);

Object.prototype.deepClone = function(obj){
  var newObj = {};
  if(typeof(obj) !== "object" || obj === null){
    return obj;
  }
  if(obj instanceof(Array)){

  }else{

  }
}

Array.prototype.unique = function (){
  var arrayList = {},
      newArray = [];

  for (var i = 0; i < this.length; i++) {
    if(!arrayList[this[i]]){
      arrayList[this[i]] = true;
      newArray.push(this[i]);
    }
  }

  return newArray;
}

  解决方法：
  (1)：.abc{border:1px blue solid;width:200px;height:200px;}
          html>body .abc{width:auto;height:auto;min-width:200px;min-height:200px;}
  (2)：.abc{width:200px;height:200px;_width:200px;_height:200px;}

var str='我我我';
var bytesCount;
for (var i = 0; i < str.length; i++)
{
  var c = str.charAt(i);
  if (/^[\u0000-\u00ff]$/.test(c)){
    bytesCount += 1;
  } else {
    bytesCount += 2;
  }
}
alert(bytesCount);
//结果是6
//原理也很简单，用正则判断是不是中文，如果是的话，字节数就加1。

var table = document.createElement("table");

table.setAttribute("id","table");
var tr1 = table.insertRow();
var td1 = tr1.insertCell();
td1.width = "200px";
td1.height = "200px";
td1.innerHTML = "内容";
document.body.appendChild(table);

var http = require("http");

http.createServer(function(request, response){
    response.writeHead(200,{"Content-Type","text/html"});
    response.end("hello world");
}).listen(3000);
var http = http.createListen();

var obj = document.getElementById("btn");
obj.a = document.getElementById("btn");

var a = function() {
  var largeStr = new Array(1000000).join('x');
  return function() {
    return largeStr;
  }
}();

var select = document.querySelector;
var treeRef = select('#tree');

//在COM树中leafRef是treeFre的一个子结点
var leafRef = select('#leaf');  
var body = select('body');

body.removeChild(treeRef);

//#tree不能被回收入，因为treeRef还在
//解决方法:
treeRef = null;

//tree还不能被回收，因为叶子结果leafRef还在
leafRef = null;

//现在#tree可以被释放了。

for (var i = 0; i < 90000; i++) {
  var buggyObject = {
    callAgain: function() {
      var ref = this;
      var val = setTimeout(function() {
        ref.callAgain();
      }, 90000);
    }
  }

  buggyObject.callAgain();
  //虽然你想回收但是timer还在
  buggyObject = null;
}

<a href="####">#### 增加历史记录，破坏url</a><br>

<a href="####" onclick="location.href='http://www.baidu.com';return false;">#### 缺点同上，其余没有问题</a><br>

<a href="javascript:void(0);" onclick="location.href='http://www.baidu.com';return false;">javascript:void(0);(动态gif停止播放)如果不加return false , 在ie6下链接不跳转</a><br>

<a href="javascript:;" onclick="location.href='http://www.baidu.com';return false;">同javascript:void(0)，只是比它更简洁</a><br>

<a href="#">#跳到页面顶部</a><br>

window.addEventListener('deviceorientation', orientationListener, false); //方向感应器      
window.addEventListener('MozOrientation', orientationListener, false); //方向感应器 for firefox          
window.addEventListener('devicemotion', orientationListener, false); //重力加速感应器 for iphone, android 

function orientationListener(event) {
  var absolute = event.absolute;
  var alpha    = event.alpha;
  var beta     = event.beta;
  var gamma    = event.gamma;
  ...
}

<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />"

<link rel="stylesheet" media="only screen and (max-width: 600px)" href="small.css" />
<link rel="stylesheet" media="(min-device-width: 600px) and (max-device-width: 1000px)" href="small.css" />
<link rel="stylesheet" media="not print and (max-width: 600px)" href="small.css" />
<link rel="stylesheet" media="screen and (max-width: 600px) and (orientation: landscape)" href="small.css" />

@media screen and (max-width: 1000px){
    body{
        background: red;
    }
}
@media screen and (max-width: 1000px) and (orientation: landscape){
    body{
        background: yellow;
    }
}

>db //检查当前数据库
mydb

>use mydb  //新建，切换数据库
switched to db mydb

>show dbs  //查看数据库列表，只有新建DB中插入一条数据才能看见新建的数据库
local     0.78125GB
mydb       0.23012GB
test      0.23012GB

>db.dropDatabase() //删除数据库

>db.createCollection("movie") //创建集合，相当于关系型数据库中的table
{ "ok" : 1 }

>show collections  //查看数据库中集合

//在MongoDB中，不需要创建集合。当插入一些文件 MongoDB 自动创建的集合。
>db.user.insert({"name":"tutorials point"})  //插入一条数据
>show collections
movie
user

>db.user.drop()  //删除集合

>db.user.find()  //返回整个集合中的数据

>db.user.find({key1:value1, key2:value2}).pretty()  //集合数据查找，pretty是美化返回结果的格式

>db.user.find("likes": {$gt:10}, $or: [{"by": "yiibai"}, {"title": "MongoDB Overview"}] }).pretty()  //likes, $or

>db.user.find({},{"title":1,_id:0}).limit(2)  //限制条数

>db.mycol.find({},{"title":1,_id:0}).sort({"title":-1})  //sort 1是升序，-1是降序

>db.user.update({'title':'MongoDB Overview'},{$set:{'title':'New MongoDB Tutorial'}})  //更新find的第一条数据

>db.user.update({'title':'MongoDB Overview'},{$set:{'title':'New MongoDB Tutorial'}},{multi:true})  //multi:true 更换所有查到的结果数据

>db.user.save({"_id" : ObjectId(5983548781331adf45ec7), "title":"Yiibai New Topic", "by":"Yiibai"})  //替换该_id的全部数据

>db.user.remove({'title':'MongoDB Overview'})  //删除find的该数据

>db.user.remove()  //清空该集合的所有数据

> db.mycol.aggregate([{$group : {_id : "$by_user", num_tutorial : {$sum : 1}}}])    //聚合
{
   "result" : [
      {
         "_id" : "yiibai point",
         "num_tutorial" : 2
      },
      {
         "_id" : "yiibai point",
         "num_tutorial" : 1
      }
   ],
   "ok" : 1
}

<link rel="dns-prefetch" href="www.ytuwlg.iteye.com" />  

aQuery().init().name()

//实现
aQuery.prototype = {
    init: function() {
        return this;
    },
    name: function() {
        return this
    }
}

var audio = (function(){
    var audioObj = function(){
        console.log("constructor");
    };

    audioObj.prototype = {
        start: function(){
            //...
        }
    };

    return audioObj;
})();

var a = new audio();   //console constructor 类的实例

$(this).select(); //体验不好，会把textarea内容选中
$(this).attr('contentEditable',true);  //只在IE中有效，完美解决

var oFragment = document.createDocumentFragment();
for(var i = 0 ; i < 10; i ++) {
    var p = document.createElement("p");
    var oTxt = document.createTextNode("段落" + i);

    p.appendChild(oTxt);
    oFragment.appendChild(p);
}
document.body.appendChild(oFragment);

// jQuery  
var els = $('.el');  

// 原生方法  
var els = document.querySelectorAll('.el');  

// 函数法  
var $ = function (el) {  
  return document.querySelectorAll(el);  
}  

var els = $('.el');  

// jQuery  
var newEl = $('<div/>');  

// 原生方法  
var newEl = document.createElement('div');  

// jQuery  
$('.el').on('event', function() {  

});  

// 原生方法  
[].forEach.call(document.querySelectorAll('.el'), function (el) {  
  el.addEventListener('event', function() {  

  }, false);  
});  

// jQuery  
$('.el').filter(':first').attr('key', 'value');  
$('.el').filter(':first').attr('key');  

// 原生方法  
document.querySelector('.el').setAttribute('key', 'value');  
document.querySelector('.el').getAttribute('key');  

// jQuery  
$('.el').addClass('class');  
$('.el').removeClass('class');  
$('.el').toggleClass('class');  

// 原生方法  
document.querySelector('.el').classList.add('class');  
document.querySelector('.el').classList.remove('class');  
document.querySelector('.el').classList.toggle('class');  

// jQuery  
$('.el').append($('<div/>'));  

// 原生方法  
document.querySelector('.el').appendChild(document.createElement('div'));  

>克隆元素 
// jQuery  
var clonedEl = $('.el').clone();  

// 原生方法  
var clonedEl = document.querySelector('.el').cloneNode(true);  

// jQuery  
$('.el').remove();  

// 原生方法  
remove('.el');  

function remove(el) {  
  var toRemove = document.querySelector(el);  

  toRemove.parentNode.removeChild(toRemove);  
}  

// jQuery  
$('.el').parent();  

// 原生方法  
document.querySelector('.el').parentNode;  

>上一个/下一个元素 
// jQuery  
$('.el').prev();  
$('.el').next();  

// 原生方法  
document.querySelector('.el').previousElementSibling;  
document.querySelector('.el').nextElementSibling;  

// jQuery  
$.get('url', function (data) {  

});  
$.post('url', {data: data}, function (data) {  

});  

// 原生方法  
// get  
var xhr = new XMLHttpRequest();  

xhr.open('GET', url);  
xhr.onreadystatechange = function (data) {  

}  
xhr.send();  

// post  
var xhr = new XMLHttpRequest()  

xhr.open('POST', url);  
xhr.onreadystatechange = function (data) {  

}  
xhr.send({data: data}); 

function addTime(date, content){
    console.log(arguments, arguments.callee);
}

addTime("2015-3-10", "时间");
// 打印出 ["2015-3-10", "时间"]           

<html id="HTML1">
<script type="text/javascript">
    window.onload = function() {
        var html = "<table border='1' style='font-size:12px;'>";
        function getElement(sec) {
            html += "<tr><td>" + sec + "</td>" + "<td>" + eval(sec).id + "</td>";
        }
        getElement("document.all(0)");
        getElement("document.all[0]");
        getElement("document.all.item(0)");
        getElement("document.all('SPAN1')");
        getElement("document.all.SPAN1");
        getElement("document.all['SPAN1']");
        getElement("document.all.namedItem('SPAN1')");
        html += "</table>";
        document.getElementById("info").innerHTML = html;
    }
</script>
<span id="SPAN1"></span>
<div id="info"></div>
</html>