Gguo464652的博客

JavaScript 高级

Gguo464652 — Thu, 15 Apr 2021 01:04:17 +0800

JavaScript 高级 2 对象高级 2.1 原型链总结 // 定义构造函数 function Foo() { } // 实例化 Foo var f1 = new Foo(); var f2 = new Foo(); // 实例化 Object var o1 = new Object(); var o2 = new Object(); f1、f2 的构造函数是 Foo f1、f2 的原型是 Foo.prototype Foo.prototype 的构造函数是 Object Foo.prot

JavaScript 高级

Gguo464652 — Tue, 13 Apr 2021 01:36:23 +0800

JavaScript 高级 1 JavaScript 中的垃圾回收机制（GC） 1.1 垃圾回收相关概念 ① 垃圾：没有被使用（引用）的对象就是垃圾。 ② 垃圾回收：没有被引用的对象被销毁，内存被释放，即垃圾回收。 C、C++等编程语言需要手动垃圾回收。 Java、JavaScript 、PHP、Python 等语言自动垃圾回收。 ③ 变量的声明周期（何时回收）全局变量：整个脚本执行完毕，全局变量就被销毁。局部变量：函数调用完毕，局部变量就被销毁。 ④ 垃圾没有及时回收的后果没有被及时回收的垃圾会

JavaScript DOM

Gguo464652 — Sun, 11 Apr 2021 21:54:29 +0800

JavaScript DOM 笔记 1 常用事件总结 1.1 鼠标事件 click 单机 dblclick 双击 contextmenu 右击 mouseover 鼠标悬停在元素上，用mouseenter 代替 mouseout 鼠标离开元素，用mouseleave 代替 mouseenter 鼠标悬停在元素上 mouseleave 鼠标离开元素 mousedown 鼠标按键按下 mouseup 鼠标按键抬起 mousemove 鼠标移动 1.2 键盘事件 key

JavaScript DOM

Gguo464652 — Sun, 11 Apr 2021 21:53:39 +0800

JavaScript DOM笔记 1 事件回调函数中this 的指向 ① 函数中this 的指向规则： this 指向调用该函数的对象。 ② **事件回调函数中的this **：指向监听了该事件的元素对象，事件的回调函数由监听了事件的元素调用。 2 常用事件总结 2.1 鼠标事件 click 单击 dblclick 双击 contextmenu 右击 mouseover 鼠标悬停在元素上，建议用 mouseenter 代替 mouseout 鼠标离开元素，建议用 mouseleave 代替

JavaScript DOM

Gguo464652 — Fri, 09 Apr 2021 01:01:57 +0800

JavaScriot DOM笔记 1节点（元素）的创建添加删除替换克隆 1.1 创建元素节点 document.createElement("标签名"); //返回创建好的元素注意：新创建的元素并不在文档结构中！ 1.2 添加子节点 ① 在最后面添加子节点父元素.appendChild(新节点); //不是父元素也可以；可以进行一个元素的内容向另一个元素中移动 ② 指定位置添加子节点父元素.insertBefore(新节点，旧节点); 注意：新的节点会在旧节点的前

JavaScript DOM

Gguo464652 — Thu, 08 Apr 2021 09:45:08 +0800

JavaScript DOM笔记 2 元素的样式操作 2.1 读取行内样式元素.style.属性名; 注意：该方式只能读取设置在行内的样式，设置也是把样式设置到行内。如果CSS属性名中有-会自动映射为小驼峰的形式，如果background-color映射为backgroundColor。 2.2 读取计算样式 getComputedStyle(元素).属性名; /** * 封装读取计算样式的函数 */ function getStyle(ele, attr) { // 判断

JavaScript DOM

Gguo464652 — Wed, 07 Apr 2021 01:14:41 +0800

JavaScript DOM 笔记 1DOM 介绍 **MDN 文档对象模型手册：**https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model 1）DOM 英文全程"Document Object Model" , 即：“文档对象模型”. 2）DOM 是一个与平台和编程语言无关的接口，通过这个接口程序和脚本可以动态的访问和修改文档的内容、结构和样式. 2 Node 节点 2.1 五大节点类型 document 文档节点 n

JavsScript BOM&DOM

Gguo464652 — Fri, 02 Apr 2021 00:20:56 +0800

BOM&DOM 笔记 1 内置构造函数Function Function 的实例的属性和方法： lenth 获取函数所需参数的个数 call() 调用函数并指定函数内this的指向，第二个参数以及后面的参数都是调用call的函数的参数 apply() 调用函数并指定函数内this的指向，第二个参数是数组，数组的每个元素都是调用apply的函数的参数 bind() 返回一个修改了this指向的新函数 1、call 和 apply 的区别？传参方式不同 2、call 和 bind 的区

JavaScript 内置构造函数

Gguo464652 — Fri, 02 Apr 2021 00:19:16 +0800

JavaScript 内置构造函数在线文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects 内置构造函数：内置构造函数实例的属性和方法内置对象：内置构造函数的实例 1 Boolean 创建一个Boolean 类型的数据，与数组一样也具有三种方式 // 直接量方式 var b1 = true; // 构造函数方式(具有数据类型转换的功能) var b2 = new Boolean(true)

JavaScript 原型

Gguo464652 — Fri, 02 Apr 2021 00:17:56 +0800

JavaScript 笔记 1 原型 1.1 原型的概念任何一个对象，都有原型。原型也是个对象。对象可以继承原型上的属性（方法）。 1.2如何获取对象的原型 ① 隐式原型方式对象.__proto__ ② 显式原型方式对象的构造函数.prototype **注意：**具有相同构造函数的两个对象，原型也是一致的。 1.3 对象、构造函数、原型之间的关系 ① 对象和构造函数构造函数是对象的抽象（描述），对象是构造函数的实例。一个构造函数可以创建多个对象，但是一个对象只能有一个构造函数。

JavaScript 对象

Gguo464652 — Wed, 31 Mar 2021 10:08:20 +0800

Day 08 JavaScript 笔记 1 Object 对象 1.1 什么是 Object Object 是值的无序集合。 Object 由属性组成，属性有属性名和属性值。属性的值可以是任意类型的数据。属性值如果是function 类型的数据，这种属性可以成为方法。 1.2 如何声明 Object 对象 ① 第一种直接量方式 // 创建一个空的的对象 var obj1 = {}; // 创建一个带有属性的 object 类型的数据 var obj2 = { name: '芳芳',

JavaScript 函数 02

Gguo464652 — Mon, 29 Mar 2021 20:01:21 +0800

Day07 JavaScript 笔记 1函数 1.1 变量提升 ① 变量提升 JavaScript 中会把变量提升到本作用域的最前面。只提升了变量的声明，没有提升变量的赋值。在正式执行代码之前，变量就已经提升了，正式执行到声明函数语句的时候，仅仅是进行了赋值操作。 ② 函数提升 **function 关键字方式创建的函数：**不但会提升函数的声明，连同函数一起提升到作用域的最前面，当正式代码执行到函数声明语句，直接跳过。 **表达式方式与Function 构造函数方式创建的函数：**与变量的提升规则一致！

JavaScript 函数-01

Gguo464652 — Fri, 26 Mar 2021 20:53:38 +0800

Day 06 JavaScript 笔记 1 函数 1.1 函数概述 ① 什么是函数函数是具有特定功能的代码块。在JavaScript ，函数也是一种类型，属于对象类型，使用typeOf 判断函数返回function。 ② 函数的作用函数可以被调用多次，提高代码的重用性。可以把整个代码项目，通过函数模块化。封装代码，让函数内部的代码对外不可见。 ③ 函数的组成函数名参数函数体返回值 1.2 声明函数的三种方式 ① function 关键字方式 function 函数名([参数列

JavaScript 数组

Gguo464652 — Wed, 24 Mar 2021 19:32:12 +0800

Day 05 JavaScript 笔记 1 数组 1.1 什么是数组数组是值的有序集合。 2）每个值叫做一个元素。 3）每个元素在数组中有一个位置，以数字表示，称为索引(有时也成为下标)。 4）数组的元素可以是任何类型的数据。 5）数组索引从0开始，最大为2^32-2，数组最大能容纳4294967294 个元素。 1.2 声明数组的方式 ① 直接量方式 [元素1，元素2，元素3...]; ② Array 函数方式 Array(元素1，元素2，元素3...); Array(10);

JavaScript 流程控制语句-循环语句

Gguo464652 — Tue, 23 Mar 2021 19:05:09 +0800

Day 04 JavaScript 笔记 1 循环语句 1.1 while 循环 while (语句表达式) { 语句...; } 正常循环： 1、循环条件不能永远成立，否则会变为死循环。 2、随着循环次数的增加，循环条件应该越来越趋近于不成立。 1.2 do while 循环 do { 语句...; } while (条件表达式) while 循环和 do while 循环的区别： 1、第一次循环，while 先判断在执行；do while 先执行一次。 2、第二次以及往后

JavaScript 流程控制语句-分支语句

Gguo464652 — Tue, 23 Mar 2021 19:04:30 +0800

Day03 JavaScript笔记 1 分支结构（条件语句） 1.1 单向分支 if (条件表达式) { 语句 ...; } 1.2 双向分支 if (条件表达式) { 语句 ...; } else { 语句 ...; } 1.3 多项分支 else if if (条件表达式) { } else if (条件表达式) { } else if (条件表达式) { } else if (条件表达式) { } else { } 1.4 多项分支 switch case s

JavaScript 数据类型转换；运算符，表达式.

Gguo464652 — Tue, 23 Mar 2021 19:03:28 +0800

Day02 笔记 1 数据类型转换 1.1 数据类型转换的规则 ① 其他类型转为 number 类型 1、string 转为 number 类型的规则: ① 纯数字字符串会转为对应的数字，十六进制表示以及科学计数法表示的数字都是纯数字。 ② 空字符串转为数字 0 。 ③ 其他字符串转为 NaN 。注： string 类型数据转为 number 类型数据的时候会自动去掉两端的空格，剩下部分按照以上规则转换。 2、boolean 转为 number 类型的规则： true ->

JavaScript 基本语法，变量，数据类型

Gguo464652 — Tue, 23 Mar 2021 19:01:16 +0800

Day01-笔记 1 JavaScript 概述 ① JavaScript 特点： JavaScript 是一门动态的，弱类型，解释型，基于对象的脚本语言。动态：程序执行的时候才会确定数据类型。静态：书写代码的时候提前确定数据类型。弱类型：数据类型可以自动转换。强类型：数据类型无法自动转换。解释型：边编译，边运行，开发效率更高。编译型：先编译，后运行，运行效率更高。 **脚本：**一般都是可以嵌在其它编程语言当中执行。 ② JavaScript 运行环境所有的高级编程语言都无法直

CSS 3动画疑难杂症-文字浮动

Gguo464652 — Mon, 15 Mar 2021 21:21:02 +0800

今日CSS 3动画疑难杂症效果文字浮动

JavaScript

Gguo464652 — Sat, 24 Oct 2020 22:20:42 +0800

常用事件 onclick ：单机事件。 onland ：加载完成事件。 onblur : 失去焦点事件。 onchange :内容改变事件。 onsubmit : 表单提交事件。同步和异步的区别同步是阻塞模式，异步是非阻塞模式。同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进...