m0_63139310的博客

PC端网页特效三大系列介绍

BOM学习

节点操作之前学习到的利用DOM提供的获取元素的方法（如document.getElementById()等）逻辑性不强且较为繁琐。所以现在学习利用节点层次关系来获取元素，逻辑性强但是兼容性较差。节点概述网页中所有的内容都是节点（标签、属性、文本、注释等），在DOM中用node表示。DOM树中所有的节点都可以通过JS进行访问，所有HTML元素（节点）都可以被修改也可以被创建或删除。节点的基本属性节点的基本属性包含了nodeType（节点类型）、nodeName（节点名称）、node..

目录事件基础事件三要素执行事件的步骤常见鼠标事件​操作元素改变元素内容修改元素属性修改表单属性修改样式属性排他思想（算法）​自定义属性​​​H5自定义属性​​事件基础事件可以被理解为js侦测到地行为，网页中地每个元素都可以产生某些可以触发js的事件。事件三要素1、事件源：事件被触发的对象；获取事件源即利用获取元素的方法。2、事件类型：比如：鼠标点击（onclick）、鼠标经过等。3、事件处理程序：通过一个函数赋值的方式完成...

目录APIWeb APIDOM简介DOM树获取元素根据ID获取--getElementByld()根据标签名获取--getElementsByTagName()通过HTML5新增地方法获取获取body元素​获取html元素​APIAPI（应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问的一组例程的能力，而又无需访问源码或理解内部工作机制的细节。简单理解API就是给程序员提供的一种工具，一边能更轻松的实

目录十四、简单类型与复杂类型1、简单类型与复杂类型2、堆和栈3、简单类型的内存分配4、复杂类型的内存分配5、简单、复杂类型传参简单类型传参复杂类型传参十四、简单类型与复杂类型1、简单类型与复杂类型简单类型又称为基本数据类型或者值类型，复杂类型又叫做引用类型。值类型：在储存变量时存储的是值本身，如：string,number,null等。null比较特殊，返回的是object，即null是一个空的对象。引用类型：在存储变量时存储的时地址（引用），

4、数组对象数组对象的创建4.1、字面量方式（见以前的笔记）4.2、new Array（）var arr1 = new Array(2);//此时创建的是长度为2的空数组var arr2 = new Array(2,3);//此时等价于用字面量创建了[2,3]的数组由上可见在用该方式创建数组时new Array（）里面必须有两个以上的元素。检测是否为数组的两种方式4.1、instanceof运算符4.2、Array.isArray（）...

目录十三、内置对象1、查文档1.1、MDN2.1、如何学习对象中的方法2、Math对象描述​属性方法Math随机数方法3、日期对象描述日期格式化​获得日期的总的毫秒数（时间戳）十三、内置对象JavaScript中的对象分为三种：自定义对象、内置对象、浏览器对象。内置对象的概念：JS语言自带的一些对象，提供了一些常用的或者是最基础而必要的功能（属性和方法），如：Math、Data、Array、String等。1、查文档1.1、MDN...

目录十二、对象1、创建对象的三种方式利用字面量创建对象利用new Object创建对象利用构造函数创建对象2、使用对象1（适用于前两种构造方法）调用对象的属性调用对象的方法3、使用对象2（适用于第三种构建方法）4、new关键字执行过程5、遍历对象for...in语句6、变量、属性、函数、方法的区别变量和属性异同函数和方法的异同7、构造函数和对象的区别十二、对象对象：一个具体的事物。泛指的事物不能称为对象。对象的概念：一组无序的相

十一、作用域目录十一、作用域作用域的概念作用域的作用1、全局和局部作用域2、全局和局部变量区别3、作用域链十二：预解析1、变量预解析（变量提升）2、函数预解析（函数提升）作用域的概念在一段程序代码中所用到的名字并不总是有效和可用的，限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的作用提高程序逻辑的局部性，增强程序的可靠性，减少名字冲突。作用域分为全局作用域和局部作用域1、全局和局部作用域全局作用域；整个script标签...

十、函数目录十、函数1、函数的概念2、函数的使用2.1、声明函数2.2、调用函数2.3、函数的封装案例3、函数的参数3.1、形参和实参​​3.2、形参和实参的匹配问题4、函数返回值return案例求数组中的最大值：​4.1：return注意事项4.2、break、continue、break的区别​5、arguments的使用案例6、函数声明的另外一种方式1、函数的概念函数：封装了一段可被重复调用使用的代码块，通过此代...

九、数组数组：一组数据的集合存储在单个变量下的优雅方式。1、创建数组利用new创建数组该部分在学习完对象之后再做补充。利用数组字面量创建数组[ ]即为数组字面量。在数组中可以放置任意的数据类型，成为数组元素。2、访问数组元素数组的索引（下标）访问数组元素的序号（从0开始）。数组可以通过索引来访问、设置、修改对应的数组元素。若没有该数组元素则输出的结果是undefined。3、遍历数组遍历数组即访问数组的所有元素，易知此时需要循环（将计数器当索引号来使用），

八、流程控制目录八、流程控制1、顺序结构2、分支结构if分支语句​三元表达式swich语句swich语句与if else if语句的区别​3、循环结构for循环do while循环continue与break（由于本部分与c语言几乎一致，所以内容有点简单粗暴）流程控制：控制代码按照一定结构顺序来执行。流程控制包括顺序结构、分支结构以及循环结构。1、顺序结构最基本的流程控制，按照代码先后顺序依次执行。2、分支结构根据不同的条件...

七、运算符1、算数运算符包括+（加）、-（减）、*（乘）、/（除）、%（取余）。浮点数的精度问题：在进行小数运算时会产生误差，例如：可以看见得出的结果并非0.3而是0.3000...0004，原因为当计算机要将小数转换为二进制进行运算，于是产生了误差。所以尽量避免用浮点数直接参与运算，同时也不能将浮点数相比较。表达式和运算符：...

接上一篇博客.......目录3、布尔型Boolean4、Undefined和Null获取变量数据类型：字面量：五、数据类型转换：1、转换为字符串型：​2、转换为数字型：​3、转换为布尔型：​六、编译和解释语言的区别引号（单/双）中的任意文本都称为字符串型。（即使在引号中写数值也为字符串型而非数字型）字符串引号嵌套：单引号嵌套双引号，或者双引号嵌套单引号。字符串转义符：常用转义符如下：字符串长度：通过字符串的length属性来获取整个字符串的长度。.

一、JS的三种书写位置1、行内式的js （直接写到元素的内部）以上样例得出的结果为点击“香蕉”按钮浏览器上部弹出“我爱香蕉”的对话框。注意：该方法可读性差，在html中编写大量js代码时，不方便阅读。2、内嵌式的js3、外部js文件（双标签）注意:该方法中script标签中间不可以写代码。二、JS的输入输出语句使用方式及作用如下：三、JS变量1、变量声明与赋值及初始化JS中利用var声明变量，var为一个JS的关键词，在利用该关键词声明后计算机会自动为..