流浪のwolf

摘要： 1. 使用 instanceof // instanceof 判断对象是否由另一个函数创建 console.log([] instanceof Array) // true console.log({} instanceof Object) // true 2. 使用内置数组对象的静态方法 isAr 阅读全文

摘要： "伪"顾名思义就是假的，不存在的、抽象的。 伪类和伪元素的相同点：html文件内没有设置它们，是看不到它们的标签的，但是可以设置它们的样式，并且能看到样式。 不同点：伪类是一个样式，不是一个元素，而是某一个元素在特殊状态下(悬停hover) 的样式。伪元素是一个不在文档树(DOM)的元素(能设置样式 阅读全文

摘要： 单冒号:一般指的是伪类，如鼠标悬停状态设置样式:选择器:hover {设置样式} 双冒号一般指伪元素，给元素的前面/后面添加内容。内容数据按堆栈数据结构存储。 阅读全文

摘要： <style> /*单行显示省略号 */ p { background-color: pink; width: 100px; /* 一行显示 */ white-space: nowrap; /* 超出部分隐藏 */ overflow: hidden; /* ellipsis：省略号 */ text- 阅读全文

摘要： 定义一个 $ 函数，return document.querySelector(selector); const $ = function (selector) { return document.querySelector(selector) } console.log($('#click')) 阅读全文

摘要： 浏览器把是客户端，可以展示请求到的资源； 展示本地资源： 展示网络请求的资源： 1. 用户界面：地址栏、书签目录等；2. 浏览器引擎：用来查询和操作渲染引擎的接口。3. 渲染引擎：渲染页面，处理html、css等，也叫浏览器内核；4. js解析器 : 解释执行js脚本。5 .数据存储 ：本地存储 l 阅读全文

摘要： document.designMode 的默认值是 off 关闭； 在控制台输入 document.designMode = 'on' 就可以编辑页面内容； 阅读全文

摘要： 在数字中输入 _ 是不显示，and 不违法的；作用方便我们查看数字的个数； console.log(1000_0000_0000_0000_); 阅读全文

摘要： replace 匹配中的第一次；replaceAll 替换所有匹配的内容； let str = 'aj123dshf12aaaaaaaaaaa3uausdjd123suas123fus12' let reault = str.replaceAll('a', '2') console.log(reau 阅读全文

摘要： !! 运算符可用于将表达式的结果快速转换为布尔值(true或false): 阅读全文

摘要： 可选链 ； let a = { name: '123', } let b = a?.name // 条件都满足才会把a的name属性值赋给b // 条件 1 ： a 是真值 true // 条件 2 ： a 有 name 属性 console.log(b) // 123 空值合并运算符 如果左边的是 阅读全文

摘要： 原理使用变量即可； 使用 【】 包裹 ； 【】 里的属性名是变量类型的、或者是不规范类型的； // 动态添加属性 let age = 'age123' const obj = { name: '朱龙旭', [age]: 23, } console.log(obj) 动态解构属性； // 动态解构 l 阅读全文

摘要： 使用 in 查看； let condition = true const obj = { name: '朱龙旭', ...(condition && { age: 24 }), } console.log('name' in obj) // true console.log('age' in obj 阅读全文

摘要： 1. 数组中使用 1.1 合并2个数组 const arr1 = [1, 2, 3] const arr2 = [4, 5, 6] console.log([...arr1, ...arr2]) 1.2 求最值 const arr1 = [1, 2, 3] const arr2 = [4, 5, 6 阅读全文