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

Posted 是蓝蓝的呀

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网易云课堂《JS原创视频教程-知识点类》相关的知识,希望对你有一定的参考价值。

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 弹出的名字是大写的,所以需要转换大小写再比较。

 

以上是关于网易云课堂《JS原创视频教程-知识点类》的主要内容,如果未能解决你的问题,请参考以下文章

聊一聊网易云课堂

反射的真正用法-有感于网易云课堂传智播客方立勋老师反射视频的小失误

网易云课堂视频课件课程下载工具,如何在电脑端下载网易云课堂视频课件PDF,PPT到本地

教你爬取腾讯课堂网易云课堂mooc等所有课程信息

网易云课堂:用视频云技术承载3300万用户的流畅学习体验

网易云课堂直播预告:直播中视频编码实践经验总结