网易云课堂《JS原创视频教程-知识点类》

Posted 2020-10-11 是蓝蓝的呀

http://caniuse.com/#index     //Can I use... Support tables for html5, CSS3, etc-支持h5和css3的情况列表 

JS包含: DOM  ECMA   BOM

==历史管理

方法一：用onhashchange:改变hash值来管理

产生7个随机数显示，产生一串数据数字昨晚 obj 对象的key，number作为值；关键赋值给hash

当前进后退是 hash改变，触发，取值显示到页面。

产生多少个随机数的方法。

方法二：

目前上面前进后退 地址栏是不会变化的，如若要变化，可以在 pushState函数第三个参数每次传一个递增的数据：var inow=1； 传 inow++;

==DOM

==JS跨域问题：jsonp

window.name, 内容是写到name上的，不会被暴露出来，《==不是很理解 

【原创】说说JSON和JSONP，也许你会豁然开朗，含jQuery用例 - 随它去吧 - 博客园
http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html

JSONP是如何工作的？ | Melon---没有太细看
http://blog.bpzufang.com/blog/2014/08/08/how-jsonp-really-works/

 ==闭包:

上面的a是局部变量，执行aaa()后a并没有被回收，通过调用b()；a会不断累加。但是执行alert（a）会报错，因为a是局部的。

 在JS中如果在函数的两边加上括号（），此函数就有函数声明变成了函数表达式，再在后面加上（）像这样(function(){})();函数就会自执行。

模块化代码的一个模型

 

1、什么是闭包？
2、闭包有什么好处？应用在哪里？
   闭包好处：
 1、希望一个变量长期驻扎在内存当中；
 2、模块化代码，避免全局变量的污染；
 3、私有函数，私有成员。
 3、闭包需要注意的地方？
IE下 可能会引发内存泄漏,解决方法 两个：
window.onload = function(){
  var oDiv = document.getElementById(\'div1\');
  oDiv.onclick = function(){
    alert(oDiv.id);
  };
  window.onunload = function (){
    oDiv.onclic = null;
  };
}
===
window.onload = function(){
  var oDiv = document.getElementById(\'div1\');
  var id =oDiv.id;
  oDiv.onclick = function(){
    alert(id);
  };
 oDiv = null;
}

学习javascript闭包（Closure） - 阮一峰的网络日志
http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

===操作Iframe

防止被嵌套，被钓鱼

var oIframe = document.getElementById(\'iframe1\');
oIframe.contentWindow.document.getElementById(\'div1\').style.color=\'red\'; 所有浏览器都可以

IE浏览器没有问题，在crome下直接打开不可以（在服务器下可以，为了安全）
oIframe.contentDocument.getElementById(); ie6 ie7是不支持的

 ==对象操作-浅拷贝 深拷贝

 

==快速排序  

==枚举算法

obj.inertBefore(oLi,aLi[0]);

obj.appenChild(oLi)

obj.inertBefore(aLi[i],aLi[0]);//这样起到交互的效果？

==函数声明和函数表达式

函数声明和函数表达式

 区别：

1、函数表达式可以直接在后面添加括号执行，而函数声明不可以。

2、函数声明可以提前被解析出来  （预编译）

以为预编译，所以与IF没有什么关系了，并不是想象的编译第一个。

 ==事件委托

本来是自己做的事情 ，却给了别人替你做这件事情

：利用冒泡的原理，把事件加到父级上，触发执行效果

 

window.onload = function(){ 
 var oUl = document.getElementById(‘ull‘);
var aLi = document.getElementsByTagName(‘li‘);

oUl.onmouseover = function(ev){ 
 var event = ev||window.event; // 获取event对象
var target = ev.target || ev.srcElement; // 获取触发事件的目标对象

if(target.nodeName.toLowerCase() == ‘li‘){ //判断目标对象是不是li
 target.style.background = ‘red‘;
 }

}
代码中加了一个标签名的判断，主要原因是如果不加判断，当你鼠标移入到父级oUL上面的时候，整个列表就会变红，这不是我们想要的结果，所以要判断一下。
target.nodeName 弹出的名字是大写的，所以需要转换大小写再比较。