javascript学习过程详细记录

1.javascript代码是按序执行的，如果javacript代码未添加window.onlaod=function(){……},其中function为匿名函数。则可能会出现取不到某个元素的错误。
2.JavaScript中函数调用时，什么时候加括号，什么时候不加括号？
函数只要是要调用它进行执行的，都必须加括号。此时，函数()实际上等于函数的返回值。当然，有些没有返回值，但已经执行了函数体内的行为，这个是根本，就是说，只要加括号的，就代表将会执行函数体代码。
不加括号的，都是把函数名称作为函数的指针，用于传参，此时不是得到函数的结果，因为不会运行函数体代码。它只是传递了函数体所在的地址位置，在需要的时候好找到函数体去执行。特例：未用括号

3.javavscript取css类名时是className而不是class。取一组属性的时候用的是document.getElementByTagName。
4.实际项目中往往是事件、结构、样式三者分离，而不是混在一起。
5.this是指当前被点击的对象或者事件。
6.json 串的序列化与对象解析:
parse用于从一个字符串中解析出json对象(兼容性IE8+可以),如
var str = ‘{“name”:”huangxiaojian”,”age”:”23”}’
结果：JSON.parse(str)
Object
age: “23”
name: “huangxiaojian”
proto: Object
注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。
stringify()用于从一个对象解析出字符串，如var a = {a:1,b:2}
结果：JSON.stringify(a) 得到 ‘{“a”:1,”b”:2}’

7.border-radius 50%和100%，视觉感觉一样，
如果border-radius 的值是百分比的话，就是相对于 border box 的宽度和高度的百分比。若盒子的宽高都是 150px，所以 50% 对应的就是 75px。
如果左上角的圆角半径被设置成了100%，那么圆角就会从这个方形左下角跨到右上角，相当于把圆角半径设置成为150px（也就是方形的大小）。如果同时把右上角的圆角半径也设置成为100%，则两个相邻圆角合起来就有200%。这种情况自然是不允许出现的，所以浏览器就会重新就算，匀出空间给右边的圆角，同时缩放两个圆角的半径直到它们可以刚好符合这个方形，所以半径就变成了50%。
8.CSS 伪类 (Pseudo-classes)用于向某些选择器添加特殊的效果。
例如：

这是一个链接。

a:link {color: #blue}
a:visited {color: yellow}
a:hover {color: green}
a:active {color: pink}

注释：在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！
注释：在 CSS 定义中，a:active 必须位于 a:hover 之后，这样才能生效！

9.相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。
例如，如果要增加紧接在 h1 元素后出现的段落的上边距，可以这样写：h1 + p {margin-top:50px;}。

10.nth-child() 选择器规定属于其父元素的第二个子元素的每个 p 的背景色：
如 p:nth-child(2)
{
background:#ff0000;
}

11.手写一个去除指定item的函数，返回一个新数组,arr.remove(item);
Array.prototype.remove=function(item){
var arr=this.slice(0);
for(var i=0;i