网易云课堂《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原创视频教程-知识点类》的主要内容,如果未能解决你的问题,请参考以下文章
反射的真正用法-有感于网易云课堂传智播客方立勋老师反射视频的小失误