Skip to content

Latest commit

 

History

History
162 lines (133 loc) · 4.64 KB

JS-miaoV.md

File metadata and controls

162 lines (133 loc) · 4.64 KB
document.body.innerHTML
document.title = 123;  //title后面可以直接接文字

setInterval(函数,毫秒)  //函数后面不要加括号，毫秒要14以上
clearInterval(setInterval())
setTimeout(函数，毫秒)  //只执行一次
clearTimeout(setTimeout())

图片的 display 显示为 display-block

style.cssText   //类似于innnerHTML，会替换之前的cssText
window.getComputedStyle(element[, pseudoElt])   //IE9以下版本会出现兼容性问题
Element.currentStyle.attr  //支持IE

function getStyle( obj, attr ) {
  return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle( obj )[attr];
}

函数改写成传递参数进来时，要注意将.写成[]形式；
background : url() red …… //复合样式（不要获取）；
backgroundColor //单一样式（不要用做判断）；
输入的属性值前不要有空格：会变成undefined；
不要获取未设置后的样式：会不兼容；

不要拿来做判断的几个点：

  • 所有的相对路径
  • 颜色值
  • innerHTML

希望把某个元素移除视线的方法：

1. display: none;       //显示为无，不占地方,在JS中如果要得到高度需要借助其他手段
2. visibility: hidden;  //隐藏，但是占地方,在JS中依然可以达到其高度
3. width / height
4. 透明度
5. left / top
6. 用白色的div覆盖
7. margin负值
......
IE(styleFloat) 非IE(cssFloat)
可以用class回避兼容性问题
.left { float: left };
.right { float: right };

filter: alpha(opacity:90);  兼容IE

JS数据类型包括：数字（NAN）、字符串、布尔值、函数、对象（obj、[]、{}、null）、未定义（undefined）

隐式类型转换:

+        变字符串  
- * / %  字符串变数字
++ --    字符串变数字
> <      ('10' > 9)   true  字符串转为数字比较
         ('10' > '9') false 按字符串编码排序比较
!        把右边的数据类型转为布尔值

NaN

  • NaN 是数字类型
  • 一旦写程序出现了：NaN 肯定进行了非法的运算操作
  • NaN 是 false
  • NaN 和自己都不相等

isNaN() 用于判断某些值是不是数字，如果参数能转换为数字则返回false

从HTML中拿到的内容，数据类型都是字符串

重用代码：

  1. 尽量保证HTML代码一致，可以通过父级来选取子元素
  2. 把核心主程序实现，用函数包起来
  3. 把每组里不同的值找出来，通过传参实现

JS解析器工作方式：

  1. 预解析：var function 参数
  • 所有的变量，在正式运行代码之前，都提前赋了一个值：未定义;
  • 所有的函数，在正式运行代码之前，都是整个函数块;
  • 预解析的过程中，遇到重名的只留一个，变量和函数重名了，只留下函数;
  1. 逐行解读代码：
  • 所有能改变值的都称为表达式，比如 = + - ! Number() 参数 ……;
  • 表达式可以修改预解析的值;
  • 函数调用：预解析，逐行解读代码

从子集作用域返回父级作用域，称之为作用域链
不要在if或for等{}中定义函数，因为firefox浏览器无法进行预解析，会出现兼容性问题
for循环中的function中不要直接使用i，如需使用可以再嵌套一个for循环

真：非0数字、非空字符串、true、函数、能找到的元素、[]、{}
假：0、NaN、空字符串''、false、不能找到的元素、null、undefined

所有函数默认返回值为undefined
当函数的参数个数无法确定的时候使用arguments

闭包

for(var i = 0; i < arr.length; i++) {
  arr[i].onclick = (function(i) {
    return function() {
      alert(i);
    }
  })(i)
}

for(var i = 0; i < arr.length; i++) {
  (function(i){
    arr[i].onclick = function() {
      alert(i);
    }
  })(i)
}

闭包的特点：

  1. 函数嵌套函数
  2. 内部函数可以引用外部函数的参数和变量
  3. 参数和变量不会被垃圾回收机制收回

闭包的优点：

  1. 一个变量长期驻扎在内存当中
  2. 避免全局变量的污染
  3. 私有成员的存在

闭包的用法：

  1. 模块化代码
  2. 在循环中直接找到对应元素的索引

闭包的问题：

  1. IE下容易引发内存泄露(只有关了浏览器才释放)
//IE在这种函数内外相互引用的情况下会发生内存泄露
window.onload = function() {
  var oDiv = document.getElementById('div1');
  oDiv.onclick = function() {
    alert(oDiv.id);
  };
  //手动释放内存
  window.onunload = function() {
    oDiv.onclick = null;
  };
}

//第二种方法
window.onload = function() {
  var oDiv = document.getElementById('div1');
  var id = oDiv.id;
  oDiv.onclick = function() {
    alert(id);
  };
  oDiv = null;
}