Bella.的博客

1. 复习例：封装函数insertAfter(); 功能类似insertBefore();2. 日期对象Data()，是系统提供好的对象由构造函数建立获取时间戳，记录这个时刻的方式，getTime()很重要应用：示例，记录前后，算执行程序前后用了多久3. 定时器3.1setInterval();每隔1000毫秒就会执行一次这个函数，setInterval 是个循环函数，时间可以调但是非常不准错误示范...

上节讲到的节点类型也被用为查找的基本操作IE不支持全说的是IE9及以下，IE10以上全部遵循W3C标准1. DOM继承树代表的就是一系列的继承关系1. 大写的Document，你可以理解成构造函数（函数里只有构造函数需要首字母大写），但是你不能new它，它是留给系统留给自己new的作用：大的Document可以作为小的document的原型，在大的上填一个属性，从小的里可以访问但是大的Document，不是直接构造小的document的，正经说小的document的原型

一，遍历节点树基本所有浏览器都兼容1. parentNode找到父级， parentNode顶层节点是document控制台显示：2. childNodes子节点就多了，找出来的肯定是一个组（类数组），找直系，节点有好多：文本节点，注释节点，元素节点，属性节点二，遍历元素节点树下面这些IE9以下都不兼容，除了children，上面的灵活，下面好用parentElement 与parentNode不一样的是，parentElement不包...

1. DOM基本操作从dom开始，一切数组给生成关于组的方式都是类数组除了Id剩下的都是选页面所有1.1 getElementById()id一一对应的，没法找出来 一组，加个only取出来div1.2 getElementsByTagName() 最主流方法直接在括号里写div：意思是把页面里的所有div都拿出来，即使只有一个也成一个数组形式后面加个0表示第一个div1.3getElementsByName()1.4getElement...

1. 什么是DOMDOM不能操作css，可以通过html间接（行间样式）修改css，但是不能改变css样式表（选择器不能乱加）2. 初探想操作html先得把他拎出来，操作方法有几种：第一种：通过标签名的方式把这个标签给选出来，括号里面填'div'就能把所有div都选出来，选出来以后封装到一个类数组里面，所有div按照类数组得索引位进行排序，想拿到(选到Javascript)里面特定的第一个div，后面加个[0]给这个div加属性（选出来的叫dom对象),backgroundCo.

1. try，catch容错，抓到错误信息，并且把抓到的错误信息给你try的作用：当你不敢肯定这堆代码里有没有错误，你就把他放进try里面，比如第二行b没加双引号会报错，正常情况下后面的代码都不会执行，放在try里面以后，try里面的报错行后面的代码不会执行，但是外面的不受影响catch作用：当try里面有错误信息时，在catch里会打印错误信息控制台输出：如果try里面的代码没有错误，就不会执行catch里面的代码，catch的格式就是catch(e)...

1. 封装typenumber--object是包装类number类型的对象先放在工具方法里再进行判断（那一堆绿的）倒数第二个return template是对象，str属性，返回结果是属性值，最后一个else返回原始值返回字符串类型的null2. 数组去重把数组的属性值当作对象的属性名来添到对象里面去，挨个访问属性名看看有没有这个属性值拿出对象的当前数组位（if里面）：eg：this[0]=1，判断temp[1]有没有属性值，没有就加...

1. 数组定义（推荐使用字面量）数组与对象类似：上面两种方法都可以往里面传一堆参数，系统默认是数组打印只传一个参数的就不一样了，第一个构造函数的方法默认传进去的是长度：例第一行结果是undefined×10；但第二种字面量的方法结果仍是一个数10第二个图第一行：创建长度为10的空数组只能这么创建，只写一位不能写小数报错2. 数组的读和写（JS里面数组几乎不报错）不可以溢出读指的是：结果是undefined可以在控制台赋值使数组长度增加...

1. 深度克隆（克隆的和被克隆的互相不影响）判断步骤：原始值直接拷贝，遇到数组要把数组里的一个一个拿出来分析，步骤同下，形成循环数组也用for-in遍历，数组也算特殊类型的对象用typeof判断是不是原始值，如果不是obj（对象）基本都是原始值可以直接复制，null除外判断数组还是对象见前面的文章详述三种方法，推荐toString上面这个解释是：用户给了拷贝对象就用，没给就自己建立一个对象，或运算符的应用例：拷贝下面：答案：注意card，上面的是数组...

前面重点：undefined==null 对 undefined===null 错isNaN：是否是NaN（这个数经历了number转化完了以后是不是NaN）NaN连自己都不等于1. this1.1 预编译过程中 this-->window不new之前，预编译过程this指向的是window1.2 全局作用域里 this--->window直接在控制台里输入this，结果是window1.3 call/apply 可以改变...

1. 命名空间作用：管理变量，防止污染全局，适用于模块化开发下面是以前的用法：不过太麻烦了，每个人分工网页的一点东西，最后整合，通俗点说：每个人都在相同的对象里，再以自己部门自己名字命名另一个对象用的时候在设个变量，要不然超级麻烦，每次引用都要写：org.department1.jicheng现在的用法：形成闭包，不污染全局变量，return作为一个接口连接上面的函数init初始化的作用，入口函数2.（ jQuery可以）实现连续调用..

1.传统模式：son本来只想继承grand的属性，结果连father的属性一起继承了

拓展注意：javascript系统bug，可正常计算的范围：小数点前16位，后16位call/apply（借用别人的函数实现自己的功能）区别：call和apply都第一位this（借用的函数），call的参数可以一位一位的传，apply的参数只能传一位，而且传的实参必须是数组形式的最后一个例子改成apply可以这样写：后面括起来作用都是改变this指向例：最下面一行蓝字加不加call是一个效果，但是不加call，this指向的是window，加了call，括号里面改...

上节回顾：计算输入的字符串长度 （两种方法）第一种方法：直接让count等于字符串长度，按照英文，每个字节长度占一位，如果是中文unicode>255,再加一位。第二种方法：count从0开始，英文字母加1，中文加2。测试的时候在控制台输入bytesLength(str)，函数名进行调用1. 原型原型对于对象来说是祖先的作用，能够提供一些属性和方法，供后代继承补充：构造函数能和别的区分的唯一的特点就是大驼峰式，new是用来生产对象的2. 下..

一、对象1.1 描述对象this代表这个值自己==mrDeng1.2 属性的增删改查（以下需要在控制台输入）1.3 对象的创建方法1.3.1 字面量1.3.2 构造函数1.3.2.1 系统自带构造函数下面的是第一种字面量方法，与系统自带的构造函数没有任何区别1.3.2.2 自定义加new 执行的时候就变成能返回的对象了1.3.3 Object.create(原型)方法构造函数内部原理：有new就能发...

重点：图1第一个for循环里的document不输出，相当于一个函数体不看里面先，到图2document其实是到最后执行的时候才输出，这个时候在经历之前循环后已经变成10，所以最后输出的都是10。上面的数组里装的是10个独立长的不同的函数，如下：函数在定义的时候不用看里面有啥，没有意义，只有在函数执行的时候才看解决办法：中间变成立即执行函数，执行完立即销毁，就可以打印0-9立即执行函数虽然被销毁，但是里面的函数拿着立即执行函数的执行上下文。相当于里面变..

1. 作用域精解执行期上下文简称AO，函数执行完后执行期上下文被删除作用域链：在哪个函数里查找变量就从哪个函数的作用域链的顶端依次向下查找1.举例说明：从0依次向下找2.继续举例：分析：可以想成，里面的可以看见外面的，外面的看不见里面的先定义后执行，定义就是把自己的父级函数复制粘贴，执行的时候生成自己的，定义都往后一位2.立即执行函数（针对初始化功能的函数）立即执行函数的写法：第一种注意： 上面...

1.1 语法分析预编译之前，先通篇扫描看看有没有语法错误1.2 预编译1.2.1 函数声明整体提升声明函数的时候不管你写到哪里，都会把这个函数整体提升到最前面1.2.2 变量 声明提升 只是把var a；提升到前面去，输出结果为undefined，声明提升document.write(a);var a=123；1.2.3 imply global暗示全局变量1. 定义：即任何变量，如果变量未经声明就赋值，此变量就为全局对象（window）所有eg：a=10；-

1. 基本形式第一种：function theFirstName() { 函数体}命名规则：一个单词的话无所谓，多个单词的话第一个开头小写，后面开头字母大写第二种：命名函数表达式（不常用）等号后面叫表达式，表达式是忽略名字的，写后面的test也没有任何作用第三种：匿名表达式（常用）2. 组成形式参数（不定参，形参和实参数量不限）：形参（上面的a，b）实参（下面的数）arguments --- [11,2,3] 实参列表...

1.数组注意点arr.length:遍历数组每一位2.编程形式的区别2.1 面向过程(c)想一步干一步2.2 面向对象分化分解步骤3. typeof（帮助区分数据类型）可以返回6个值：number，string，boolean，object(null也返回object)，undefined，function(函数)第一种写法是：typeof(num) 加括号第二种写法：typeof num 空格隔开4. 类型转换4.1 Number（）...

1. 条件语句1.1 if,else if（和C类似）语法：if（条件）{ 执行语句 }输入是：var score = parseInt(window.prompt('input'));打印是：document.write(' ')if和短路语句的互相转化：if(1>2） { document.write('a');}等价于： 1>2&&docume...

1. 比较运算符(结果为true or false)eg：var a="10">"8" ascii码没有10，先用第一个数1和8比较，然后用0和8比较记住只有NaN != NaN2. 逻辑运算符2.1 &&2.1.1 用法undefined，null，NaN，“”，0，false这六个值转换成布尔值都是false当只有两个表达式的值时：eg:var a=1&&2; document.write(a); 答案是2； 先看第一个...

一.主流浏览器及其内核IE tridentChrome webkit/blinkfirefox GeckoOpera prestoSafari webkit二.如何引入js1.页面内嵌<script></script>标签 &...

一.浏览器组成1.shell部分（头部用户可操作部分）2.内核部分 渲染引擎（语法规则和渲染）{网页绘制} JS引擎 其他模块二.JS逼格编译性语言（C，C++）：先通篇翻译，生成可执行文件，系统再去执行文件优点：快 缺点：C和C++不能跨平台使用，移植性不好(开发了windows上的，Linux上不能用）解释性语言（JavaScript）：翻一行执行一行，不生成特定文件【凡是带脚本的都是解释性语言】优点：可跨平台 缺点：稍微慢...