编写代码的时候给代码最小代码权力，最小特权原则，以免造成意料之外的事情

放大镜的实现

attr:标签里的值

prop：当前最终的值

修改路径实现修改图片的效果

 

判断当前浏览器是否是ie6,7.8（是否支持css3

如果是，就是用绝对定位的方式来改变标签的位置

否则使用css3的方式来改变标签的位置

if((/ie[678]/).test(navigator.userAgent)){

function set Position()

}else{

alert('css3');

}

浏览器的前缀：Webkit Moztansform O

for...in 用来循环对象中所有的属性

var obj = {

name: 'Bob',

age: 12,

gender: 'male's

}

for(var i in obj){

console.log(i); 这里打印的结果为name age gender

console.log(obj[i]); 这里打印的为Bob 12 male

}

load

toggle:显示情况下点击变成隐藏，隐藏点击之后显示

slideUp：添加动画效果隐藏

fadeTo：必须要有一个参数

animate：创建自定义动画 第一个参数是样式，第二个是速度，第二个以后的参数是可选的，第一个参数是必填。也可以使用链式，形成动画队列，前面的先执行，后面的等前面的执行后在执行

delay：推迟动画执行时间

stop：停止当前动画，什么参数都不填写，保留当前的值，继续之后的动画。第一个参数表示是否要清除队列，默认false，后面的动画继续执行；填写true，动画队列后面的动画会清除掉，后面的动画就不会执行。第二个参数，当前的动画立即完成，默认为false，保留点击的时候的当前的值；填写true，此时的值变成动画结束的位置。

handlebars:增强代码可读性，模板引擎

<script type="text/x-handlebars-template" ></script>

{

{#each listOfStudents}}

{

{/each}},这句代码表示循环结束，each中每一项必须是对象字面量

把变量的值填充到网页中去

各级嵌套取属性的方式：/,.,