摘要: 一、获取dom对象 利用css选择器来获取DOM元素, const box = document.querySelector('div') // 利用css选择器来获取DOM元素 // 1. document.querySelector() 选择指定css选择器的第一个元素 // 1.1 参数是字符 阅读全文
posted @ 2025-07-30 06:44 技术蓝鱼 阅读(5) 评论(0) 推荐(0)
摘要: 一、深浅拷贝 浅拷贝:把对象拷贝给一个新的对象,开发中我们经常需要复制一个对象。如果直接赋值,则复制的是地址,修改任何一个对象,另一个对象都会变化。常见方法:拷贝对象:Object.assgin() / 展开运算符 {...obj} 拷贝对象;拷贝数组Array.prototype.concat() 阅读全文
posted @ 2025-07-30 06:29 技术蓝鱼 阅读(5) 评论(0) 推荐(0)
摘要: 一、构造函数 把公共的属性和方法抽取封装到构造函数里面来实现数据的共享,这样创建的实例对象可以使用这些属性和方法了 <body> <script> // 1. 构造函数实现封装,封装人的姓名、年龄和 sayHi方法 function Person(name, age) { this.name = n 阅读全文
posted @ 2025-07-29 23:04 技术蓝鱼 阅读(6) 评论(0) 推荐(0)
摘要: 一、创建对象的三种方式 <script> // 1. 利用字面量创建对象(常用的一种方式) const o = { name: '佩奇' } console.log(o) // 2. 利用 new Object 创建对象 (了解) // const oo = new Object({ name: ' 阅读全文
posted @ 2025-07-29 22:44 技术蓝鱼 阅读(10) 评论(0) 推荐(0)
摘要: 一、全局作用域 为 window 对象动态添加的属性默认也是全局的,不推荐! 函数中未使用任何关键字声明的变量为全局变量,不推荐!!! 尽可能少的声明全局变量,防止全局变量被污染 二、闭包 概念:简单理解:闭包 = 内层函数 + 外层函数的变量 作用:封闭数据,实现数据私有,外部也可以访问函数内部的 阅读全文
posted @ 2025-07-29 06:59 技术蓝鱼 阅读(14) 评论(0) 推荐(0)
摘要: 一、操作对象 <script> // 操作对象:对数据 查、增、改、删 let pig = { uname: '佩奇', sing: function () { console.log('唱歌') } } // 1. 查: 对象.属性 对象.方法 console.log(pig.uname) // 阅读全文
posted @ 2025-07-28 22:50 技术蓝鱼 阅读(6) 评论(0) 推荐(0)
摘要: 一、声明函数 <script> // 函数: 是可以被重复使用的代码块,作用是有利于代码复用 // 1. 声明(定义)了最简单的函数,既没有形式参数,也没有返回值 function sayHi() { console.log('嗨~') } 二、调用函数,使用 () 调用函数。 <!DOCTYPE 阅读全文
posted @ 2025-07-28 22:39 技术蓝鱼 阅读(3) 评论(0) 推荐(0)
摘要: 一、数组 数组的定义和访问和遍历 <script> // 数组: 可以单个变量下存储多个数据 // 1. 声明数组 let names = ['小明', '小刚', '小红', '小丽', '小米'] // let names = ['小明', '小刚', true, '小丽', 1] consol 阅读全文
posted @ 2025-07-28 22:31 技术蓝鱼 阅读(5) 评论(0) 推荐(0)
摘要: 一、显式转换 转换为数字 Number(数据) parseInt(数据) parseFloat(数据) // 第一个数字 let num1 = prompt('请输入第一个月工资:') // 第二个数字 let num2 = prompt('请输入第二个月工资:') // 输出结果 alert(Nu 阅读全文
posted @ 2025-07-28 22:22 技术蓝鱼 阅读(6) 评论(0) 推荐(0)
摘要: 一、输入语句 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript 基础 - 输入输出</title> </head> <body> <script> // 1. 输入的任意数字,都会以弹窗形 阅读全文
posted @ 2025-07-28 22:04 技术蓝鱼 阅读(3) 评论(0) 推荐(0)