math函数

取整

  • Math.ceil 天花板
  • Math.floor 地板
  • Math.round 四舍五入

缓动动画

  • var step = (target - box.offsetLeft) / 10;
  • step = step > 0? Math.ceil(step) : Math.floor((step);

设置css属性

  • 利用点语法 box.style.width 带有单位 无法传递参数
  • 利用[] 访问属性
    • box.style[“width”] 可以传递参数

获取css属性

  • box.style.left 只能获取行内样式
  • 标准写法 不管什么位置都能获取
    • ie/opera 浏览器 box.currentStyle.left
    • 其他浏览器 window.getComputedStyle(box(元素),null(伪类)).left
  • 兼容性写法
    function getStyle(obj,attr) {
    if(obj.currentStyle) {
    return obj.currentStyle[arrt];
    } else{
    return window.getComputedStyle(obj,null)[arrt];
    }
    }
    • 注意得到的属性含有单位 所以用 parseInt(去除单位)

json遍历

  • for(变量 in 对象) {执行语句}
  • for(var k in jsonobj) { console.log(k); console.log(josnObj[k]);} k得到的是属性名 jsonObj[k] 属性的值

for(var k in arr) 遍历常规数组方法

  • k为索引
  • /。arr[k] 为元素

回调函数

  • animate(obj,json,fn);等动画执行完毕在执行的函数

in二元运算符

  • in用于判断 json里有没有某个属性 “name” in jsonObj 获得布尔值
  • 要求: 左必须是字符串 右必须是 数组或对象

你可能感兴趣的:(前端笔记)