JavaScript
文章平均质量分 66
顶级的搬砖者
you can do anything
展开
-
JavaScript 高级
JavaScript 高级2 对象高级2.1 原型链总结// 定义构造函数function Foo() { }// 实例化 Foovar f1 = new Foo();var f2 = new Foo();// 实例化 Objectvar o1 = new Object();var o2 = new Object();f1、f2 的构造函数是 Foof1、f2 的原型是 Foo.prototypeFoo.prototype 的构造函数是 ObjectFoo.prot原创 2021-04-15 01:04:17 · 119 阅读 · 0 评论 -
JavaScript 高级
JavaScript 高级1 JavaScript 中的垃圾回收机制(GC)1.1 垃圾回收相关概念① 垃圾:没有被使用(引用)的对象就是垃圾。② 垃圾回收:没有被引用的对象被销毁,内存被释放,即垃圾回收。C、C++等编程语言需要手动垃圾回收。Java、JavaScript 、PHP、Python 等语言自动垃圾回收。③ 变量的声明周期(何时回收)全局变量:整个脚本执行完毕,全局变量就被销毁。局部变量:函数调用完毕,局部变量就被销毁。④ 垃圾没有及时回收的后果没有被及时回收的垃圾会原创 2021-04-13 01:36:23 · 149 阅读 · 0 评论 -
JavaScript DOM
JavaScript DOM 笔记1 常用事件总结1.1 鼠标事件click 单机dblclick 双击contextmenu 右击 mouseover 鼠标悬停在元素上, 用mouseenter 代替mouseout 鼠标离开元素, 用mouseleave 代替mouseenter 鼠标悬停在元素上mouseleave 鼠标离开元素mousedown 鼠标按键按下mouseup 鼠标按键抬起mousemove 鼠标移动1.2 键盘事件key原创 2021-04-11 21:54:29 · 163 阅读 · 0 评论 -
JavaScript DOM
JavaScript DOM笔记1 事件回调函数中this 的指向① 函数中this 的指向规则: this 指向调用该函数的对象。② **事件回调函数中的this **: 指向监听了该事件的元素对象,事件的回调函数由监听了事件的元素调用。2 常用事件总结2.1 鼠标事件click 单击dblclick 双击contextmenu 右击mouseover 鼠标悬停在元素上, 建议用 mouseenter 代替mouseout 鼠标离开元素,建议用 mouseleave 代替原创 2021-04-11 21:53:39 · 89 阅读 · 0 评论 -
JavaScript DOM
JavaScriot DOM笔记1节点(元素)的创建添加删除替换克隆1.1 创建元素节点document.createElement("标签名"); //返回创建好的元素注意: 新创建的元素并不在文档结构中!1.2 添加子节点① 在最后面添加子节点父元素.appendChild(新节点); //不是父元素也可以;可以进行一个元素的内容向另一个元素中移动② 指定位置添加子节点父元素.insertBefore(新节点,旧节点);注意: 新的节点会在旧节点的前原创 2021-04-09 01:01:57 · 228 阅读 · 0 评论 -
JavaScript DOM
JavaScript DOM笔记2 元素的样式操作2.1 读取行内样式元素.style.属性名;注意:该方式只能读取设置在行内的样式,设置也是把样式设置到行内。如果CSS属性名中有-会自动映射为小驼峰的形式,如果background-color映射为backgroundColor。2.2 读取计算样式getComputedStyle(元素).属性名; /** * 封装读取计算样式的函数 */function getStyle(ele, attr) { // 判断原创 2021-04-08 09:45:08 · 55 阅读 · 0 评论 -
JavaScript DOM
JavaScript DOM 笔记1DOM 介绍**MDN 文档对象模型手册:**https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model1)DOM 英文全程"Document Object Model" , 即:“文档对象模型”.2)DOM 是一个与平台和编程语言无关的接口,通过这个接口程序和脚本可以动态的访问和修改文档的内容、结构和样式.2 Node 节点2.1 五大节点类型document 文档节点 n原创 2021-04-07 01:14:41 · 145 阅读 · 0 评论 -
JavsScript BOM&DOM
BOM&DOM 笔记1 内置构造函数FunctionFunction 的实例的属性和方法:lenth 获取函数所需参数的个数call() 调用函数并指定函数内this的指向,第二个参数以及后面的参数都是调用call的函数的参数apply() 调用函数并指定函数内this的指向,第二个参数是数组,数组的每个元素都是调用apply的函数的参数bind() 返回一个修改了this指向的新函数1、call 和 apply 的区别? 传参方式不同2、call 和 bind 的区原创 2021-04-02 00:20:56 · 1347 阅读 · 0 评论 -
JavaScript 内置构造函数
JavaScript 内置构造函数在线文档:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects内置构造函数:内置构造函数实例的属性和方法内置对象:内置构造函数的实例1 Boolean创建一个Boolean 类型的数据,与数组一样也具有三种方式// 直接量方式var b1 = true;// 构造函数方式(具有数据类型转换的功能)var b2 = new Boolean(true)原创 2021-04-02 00:19:16 · 1444 阅读 · 0 评论 -
JavaScript 原型
JavaScript 笔记1 原型1.1 原型的概念任何一个对象,都有原型。原型也是个对象。对象可以继承原型上的属性(方法)。1.2如何获取对象的原型① 隐式原型方式对象.__proto__② 显式原型方式对象的构造函数.prototype**注意:**具有相同构造函数的两个对象,原型也是一致的。1.3 对象、构造函数、原型之间的关系① 对象和构造函数构造函数是对象的抽象(描述),对象是构造函数的实例。一个构造函数可以创建多个对象,但是一个对象只能有一个构造函数。原创 2021-04-02 00:17:56 · 57 阅读 · 0 评论 -
JavaScript 对象
Day 08 JavaScript 笔记1 Object 对象1.1 什么是 ObjectObject 是值的无序集合。Object 由属性组成,属性有属性名和属性值。属性的值可以是任意类型的数据。属性值如果是function 类型的数据,这种属性可以成为方法。1.2 如何声明 Object 对象① 第一种 直接量方式// 创建一个空的的对象var obj1 = {};// 创建一个带有属性的 object 类型的数据var obj2 = { name: '芳芳',原创 2021-03-31 10:08:20 · 51 阅读 · 0 评论 -
JavaScript 函数 02
Day07 JavaScript 笔记1函数1.1 变量提升① 变量提升JavaScript 中会把变量提升到本作用域的最前面。只提升了变量的声明,没有提升变量的赋值。在正式执行代码之前,变量就已经提升了,正式执行到声明函数语句的时候,仅仅是进行了赋值操作。② 函数提升**function 关键字方式创建的函数:**不但会提升函数的声明,连同函数一起提升到作用域的最前面,当正式代码执行到函数声明语句,直接跳过。**表达式方式与Function 构造函数方式创建的函数:**与变量的提升规则一致!原创 2021-03-29 20:01:21 · 49 阅读 · 0 评论 -
JavaScript 函数-01
Day 06 JavaScript 笔记1 函数1.1 函数概述① 什么是函数函数是具有特定功能的代码块。在JavaScript ,函数也是一种类型,属于对象类型,使用typeOf 判断函数返回function。② 函数的作用函数可以被调用多次,提高代码的重用性。可以把整个代码项目,通过函数模块化。封装代码,让函数内部的代码对外不可见。③ 函数的组成函数名参数函数体返回值1.2 声明函数的三种方式① function 关键字方式function 函数名([参数列原创 2021-03-26 20:53:38 · 62 阅读 · 0 评论 -
JavaScript 数组
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);原创 2021-03-24 19:32:12 · 90 阅读 · 0 评论 -
JavaScript 流程控制语句-循环语句
Day 04 JavaScript 笔记1 循环语句1.1 while 循环while (语句表达式) { 语句...;}正常循环: 1、循环条件不能永远成立,否则会变为死循环。 2、随着循环次数的增加,循环条件应该越来越趋近于不成立。1.2 do while 循环do { 语句...;} while (条件表达式)while 循环和 do while 循环的区别: 1、第一次循环,while 先判断在执行;do while 先执行一次。 2、第二次以及往后原创 2021-03-23 19:05:09 · 118 阅读 · 0 评论 -
JavaScript 流程控制语句-分支语句
Day03 JavaScript笔记1 分支结构(条件语句)1.1 单向分支if (条件表达式) { 语句 ...;}1.2 双向分支if (条件表达式) { 语句 ...;} else { 语句 ...;}1.3 多项分支 else ifif (条件表达式) {} else if (条件表达式) {} else if (条件表达式) {} else if (条件表达式) {} else {}1.4 多项分支 switch cases原创 2021-03-23 19:04:30 · 112 阅读 · 0 评论 -
JavaScript 数据类型转换;运算符,表达式.
Day02 笔记1 数据类型转换1.1 数据类型转换的规则① 其他类型转为 number 类型1、string 转为 number 类型的规则: ① 纯数字字符串会转为对应的数字,十六进制表示以及科学计数法表示的数字都是纯数字。 ② 空字符串转为数字 0 。 ③ 其他字符串转为 NaN 。 注: string 类型数据转为 number 类型数据的时候会自动去掉两端的空格,剩下部分按照以上规则转换。 2、boolean 转为 number 类型的规则: true ->原创 2021-03-23 19:03:28 · 182 阅读 · 0 评论 -
JavaScript 基本语法,变量,数据类型
Day01-笔记1 JavaScript 概述① JavaScript 特点:JavaScript 是一门动态的 ,弱类型,解释型,基于对象的脚本语言。动态: 程序执行的时候才会确定数据类型。 静态: 书写代码的时候提前确定数据类型。弱类型: 数据类型可以自动转换。 强类型: 数据类型无法自动转换。解释型: 边编译,边运行,开发效率更高。 编译型: 先编译,后运行,运行效率更高。**脚本:**一般都是可以嵌在其它编程语言当中执行。② JavaScript 运行环境所有的高级编程语言都无法直原创 2021-03-23 19:01:16 · 190 阅读 · 0 评论