06 2018 档案
摘要：监听事件： 当有一个元素已经有一个事件的前提下，要再添加一个同样的事件的时候， 可以用监听事件，也就是说监听事件的意思就是：监听一个事件执行，执行的时候做相应的动作；这里的监听并不仅限于添加了事件函数的元素对象，就算没有添加事件函数的元素对象，触发事件时还是会被监听到； 比如： DOM 0级事件：
阅读全文
posted @ 2018-06-27 11:36
bibiguo
摘要：事件冒泡:子元素联动父元素执行鼠标事件的事件函数就叫冒泡事件； 这个就是事件冒泡， 事件冒泡的基本原理是基于Dom的树结构，即Dom树结构的根是document,对document内的任一元素的点击事件都会联动document的点击事件，而wrap又是box的上级结构，所以对box的点击会联动到wr
阅读全文
posted @ 2018-06-26 15:43
bibiguo
摘要：随着窗口大小改变去触发的一个事件，窗口即window，即这是一个浏览器的BOM调用的API；只有window下才有这个事件； 输出结果；
阅读全文
posted @ 2018-06-26 14:16
bibiguo
摘要：前端通过鼠标事件可以完成一些很酷炫的操作； 鼠标事件可以给函数传一个实参，这个实参记录了这个鼠标事件的所有信息； 比如，我们写一个函数，function (e){.....//code}去接收鼠标事件的实参； 接收的实参里面含有 事件传过来的参数很多，具体看需求去调用； 今天主要讲解的 pageX和
阅读全文
posted @ 2018-06-26 14:06
bibiguo
摘要：JS中的对DOM的逻辑结构，即元素节点的存在，和元素节点的布局是分离的；元素都存在document这个大的结构内，但是布局的话根据实际情况去布局；也就是说，创建节点需要分两步执行，1、先在document里面创建一个节点，2、再对节点进行布局； 1 2 3 4 111 5 6 ...
阅读全文
posted @ 2018-06-21 11:57
bibiguo
摘要：DOM ： Document.Object.Model 文档对象模型； DOM的节点类型可以分为： document. 文档节点； html元素 元素节点； 文本节点（包含文字，空格，换行）； HTML标签属性 属性节点； 注释节点； DOM为所有节点类型预写了对象，JS通过节点对象调用DOM，实现
阅读全文
posted @ 2018-06-19 23:18
bibiguo
摘要：一：DOM 文档对象模型（DOM）是表示文档（比如HTML和XML）和访问、操作构成文档的各种元素的应用程序接口（API） DOM是HTML与JavaScript之间沟通的桥梁。 DOM下，HTML文档各个节点被视为各种类型的Node对象。 每个Node对象都有自己的属性和方法，利用这些属性和方法可
阅读全文
posted @ 2018-06-19 23:01
bibiguo
摘要：获取时间的API，月份(getMonths();)和周几(getDay());比较特殊，月份是从0开始的，即一月份是0，周是从周日开始，周日是0； 例子如下： getTimes() ；是从1970年到当前时间戳的毫秒数； getUTCHours()；格林威治时间的小时； new Date()，获取到
阅读全文
posted @ 2018-06-19 22:33
bibiguo
摘要：元素样式代码； 通过 1、clientWidth 2、offsetWidth 3、scrollWidth 获取元素的最终样式； offsetTop和offsetLeft 获取元素的相对于定位参考的父级元素的定位值获取； Html文档的每个元素的样式都存在compute这个对象内；可以通过getCom
阅读全文
posted @ 2018-06-19 21:26
bibiguo
摘要：元素对象.classList 属性可以读取元素对象的类名，classList是一个伪数组，支持的比较常用的方法有： add; 对元素添加一个类名； contains:查看classList中是否有该类名，通过返回值判断； forEach;遍历 remove:移除一个类名； toggle:有这个类名就
阅读全文
posted @ 2018-06-19 15:59
bibiguo
摘要：上述例子就是回调自己；会导致循环，b只能在内部执行，也就是内部回调自己，全局并没有b这个变量； b是a作用域下的函数b; 回调的意思是当满足一个条件的时候，接着的调用动作叫回调；回调函数是一个作为变量传递给另外一个函数的函数，它在主体函数执行完之后执行。 例如：function A有一个参数func
阅读全文
posted @ 2018-06-19 15:43
bibiguo
摘要：requestAnimationFrame()，一个动画定时器的API，是HTML5新推出的功能，怎么理解HTML5新推出的功能这个概念呢， JS是调用WEB文档结构，实现动态WEB文档的一门语言； HTML是文档，JS通过DOM调用、操作HTML文档， 所以requestAnimationFram
阅读全文
posted @ 2018-06-19 14:37
bibiguo
摘要：为什么会有setTimeout代替setInterval的需求； setInterval，每隔一段时间往队列里塞一个可执行函数；当setInterval设置的时间间隔小于函数执行的事件，或者因为电脑内存等原因，导致处理卡机了，事件超过了，但是上一个函数没执行完，setInterval就往队列里面再塞
阅读全文
posted @ 2018-06-19 12:58
bibiguo
摘要：JS自带的定时器函数有两个： setInterval (函数名, 延迟毫秒) ； 指定某个函数重复执行； setTimeout(函数名，延迟毫秒)；指定某个函数多少秒后只执行一次； setTimeout举例： setInterval举例： 定时器函数执行时传的参数必须是函数，可以是return的函数
阅读全文
posted @ 2018-06-18 11:48
bibiguo
摘要：forin也是一个遍历的API，但是不是遍历数组，也不是字符串，而是对象； forin的作用是遍历对象的所有属性，书写格式如下： 回顾一个知识点： 访问对象的属性一般用 . 操作，即 对象名.属性名，但是绝大多数的访问对象属性的这种写法都可以用中括号来代替，但是中括号里的值要是一个字符串才行， 比如
阅读全文
posted @ 2018-06-14 23:36
bibiguo
摘要：遍历的意思就是挨个查找出来， 遍历数组的方法有forEach(); 数组遍历的API1 ：数组.forEach(value,index,array)；是一个传参类型是函数的已经写好的API，返回值为undefined;而且这个函数需要有3个形参，分别代表 实际上forEach里面的函数也是执行了nA
阅读全文
posted @ 2018-06-14 18:14
bibiguo
摘要：数组和字符串的区别： 数组可以通过下标，对指定下标数据进行重新赋值，字符串不可以； 数组可以通过修改length修改数组的数据，字符串不可以； 数组是引用数据类型： API1：push、pop push、pop修改原数组的值； push:从数组的后面添加一个值；一次可以塞多个值，逗号隔开就可以了；
阅读全文
posted @ 2018-06-13 22:53
bibiguo
摘要：大多数API对原变量的值都不会修改，而是返回一个新值。 一、API1 ： 获取字符串长度属性 字符串 是基础数据类型，但是字符串是有length属性的。 但是string 的length属性并不是直接存在 这个字符串数据里面，因为字符串数据是一个基础数据类型，基础数据类型在JS里面是不能带属性的。
阅读全文
posted @ 2018-06-13 21:49
bibiguo
摘要：JS里面万物皆对象，基础数据类型的数据类型虽然从严格意义上来说不是对象，但是从广泛的语言设计的原理上来理解，其实也是对象。 JS中有一种叫包装对象的方法，可以通过该方法将基础数据类型变成对象。 比如 可以看到通过new number () 这个构造函数函数名用new 关键字，是一个构造对象的关键字，
阅读全文
posted @ 2018-06-13 18:48
bibiguo
摘要：API1: isNaN(); 判断数据是否是NaN； "15"经过Number转换后，用isNaN判断，结果是false； 也可以改写成： NaN还有一个诡异的特点，即NaN和自己都不相等 API2: parseInt () 强制取整，parseFloat () ;强制取数（可以取到小数）； 1、p
阅读全文
posted @ 2018-06-12 18:52
bibiguo
摘要：call 方法的用法是可以改变this指向。 call是第一个实参是this重指向的对象，后面的实参和形参才形成对应关系 apply 是以数组的方式和函数形参对应，即apply的参数只有2个，第一个是重指向后this指向的对象。第二个是数组，通过数组和形参一一对应。和call的作用是一样的，只是格式
阅读全文
posted @ 2018-06-12 16:31
bibiguo
摘要：API是JS自带的预先已经写好的方法，也就是函数，当我们去了解一个方法或者函数的时候，应该主要关注它的三个特性（功能、参数、返回）； 比如： JS里面这种方法很多。 今天我们要说的是call 、apply、和bind 这3个方法 正常来说，this指向一般是指向执行这个函数的对象，即谁执行的函数，t
阅读全文
posted @ 2018-06-11 23:06
bibiguo
摘要：在说闭包之前，需要了解一个概念。 即JS的内存回收机制，因为闭包可以说是对JS内存回收的空制。 内存回收机制： 所有程序代码，都是通过变量字符(var 和 function 带的名字)去利用内存去存储数据，然后通过CPU调用内存的数据去运行的， 比如，浏览器打开一个网站，当解析执行到<script>
阅读全文
posted @ 2018-06-10 17:37
bibiguo
摘要：定义和执行都是对于作用域而言的，作用域是按层级划分的。 举个例子： 从例子可以看到全局作用域因为script标签而创造，接着全局作用域里面的子作用域通过函数去创建。 代码解析顺序： 所有代码在本作用域里面都是先定义后执行，执行的结果如果是单纯的变量赋值，那就赋值完就结束了。如果执行的结果如果是函数，
阅读全文
posted @ 2018-06-09 21:51
bibiguo
摘要：一个document(web文档) JS最大的作用域是script标签之间 函数执行的时候会产生新的作用域 定义在script标签里的叫全局变量，定义在函数里面的叫局部变量 作用域链的概念： 查找变量：在某一个函数作用域内查找某一个变量，当这个函数作用域内没有该变量时，会往他的父级作用域去查找，以此
阅读全文
posted @ 2018-06-07 18:45
bibiguo
摘要：每个函数在执行的时候都会return一个值，可以用关键字return去设定。 当不设定的时候就会默认return一个undefined; 举例 JS自带的函数也是有返回值的，只是JS自带的函数一般都是功能函数，功能函数很多时候我们不去关注，但是不去关注也是存在的，比如。 当设定return的值时，函
阅读全文
posted @ 2018-06-05 19:03
bibiguo
摘要：函数的参数分为形参，实参，不定参 形参：形式参数、就是定义函数的时候，定义函数括号里的参数（变量名），相当于在函数这个作用域里面定义了一个变量 实参：实际参数、就是函数执行的时候，执行函数的括号里的实际参数（数据），这就叫做实参 举例： 函数调用执行，传参的时候，可以引用变量 比如 实参还可以是函数
阅读全文
posted @ 2018-06-04 02:07
bibiguo
摘要：函数分为有名函数和匿名函数。 一、匿名函数 匿名函数不能单独出现，表示一条语句。 如下：这是一个匿名函数，但是单独出现的时候JS无法解析，会报错。（这应该是跟变量有关系，没有地方寄存这个值（函数）去供解释器解释执行） 匿名函数一般跟事件属性一起使用 比如 或者当成某一个函数的参数 也可以放在数组和j
阅读全文
posted @ 2018-06-02 23:40
bibiguo
摘要：do while 循环相对于普通的while 循环和for循环来说，不同的地方在于do while循环是先执行循环体，再进行循环判断。 而while循环和for循环是先进行循环判断再执行循环体。 举例 当将上述循环语句改写成do while 循环语句 do while 循环会先执行循环体，再判断是否
阅读全文
posted @ 2018-06-02 21:58
bibiguo
摘要：while 循环语句是for循坏的改写。 如下：原for循环语句 改写成:while循环语句 改写后更直观，阅读性更强。 任何while循环语句都可以改写成for 循环语句；
阅读全文
posted @ 2018-06-02 21:41
bibiguo
摘要：一、循环语句的概念 循环语句也是控制语句，通过boolean值判断，如果为真则循环，为假则跳出循环 举例： 执行的判断原理是： 1、var i = 0 ，先定义一个变量i ，用于控制的判断 。 2、i < 10 ，通过判断控制，当判断为真的时候，执行循环体。 3、循环体 alert(i) ； 4、i
阅读全文
posted @ 2018-06-02 01:50
bibiguo
摘要：运算符优先级JavaScript中的运算符优先级是一套规则。该规则在计算表达式时控制运算符执行的顺序。具有较高优先级的运算符先于较低优先级的运算符执行。例如，乘法的执行先于加法。下表按从最高到最低的优先级列出JavaScript运算符。具有相同优先级的运算符按从左至右的顺序求值。 圆括号可用来改变运
阅读全文
posted @ 2018-06-02 00:42
bibiguo
摘要：1、逻辑运算符替代单个if的判断语句 可以替代成 原理：与逻辑判断，从左到右执行运算，遇假停止，这里 a 10 真，继续执行a++ 2、逻辑运算替代if else 判断语句 原代码 三目替换后的代码 逻辑运算符替代后的代码
阅读全文
posted @ 2018-06-02 00:17
bibiguo
摘要：switch的判断是数字的时候，可以通过数组的下标达到一样的效果。
阅读全文
posted @ 2018-06-01 23:57
bibiguo
摘要：使用一个数字变量作为控制开关，当变量为什么数值时，做什么样的颜色变换。
阅读全文
posted @ 2018-06-01 23:33
bibiguo
摘要：JS支持将判断条件是全等判断的判断控制语句改写成swtich关键字的函数语句。 什么样的判断条件是全等判断 ？ 可将if 判断的语句改成 switch 判断的要求是if判断语句的判断条件为全等判断： 改写成switch 判断语句 将全等条件判断的if语句改写成switch 语句，语意更直观，更有利于
阅读全文
posted @ 2018-06-01 22:48
bibiguo
浙公网安备 33010602011771号