🟡JavaScriptDOM 节点类型 Node类型 🌿属性 属性 值 nodeValue 节点值 nodeName 节点名称 nodeType 节点类型 childNodes 子节点信息 hasChildNodes 是否有子节点(返回布尔值) parentNode 指向父节点 previousSibling 指向上一同级节点 nextSibling 指向下一同级节点 first 2022-01-30 JavaScript > DOM #JavaScript #DOM
🟡JavaScriptBOM window对象 窗口位置 🥕位置获取 window.screenTop,window.screenLeft显示浏览器应用左上角的位置 🥕位置方法 这些方法可能被浏览器禁用 window.moveTo(x, y)浏览器左上角移动至(x, y) window.moveBy(x, y)浏览器左上角相对当前向左x px向下y px 窗口大小 🍐大 2022-01-30 JavaScript > BOM #JavaScript #BOM
🟡JavaScript数据类型 原始类型 Undefined 定义变量的默认值,表示未定义 Null 一个空对象指针,声明变量要保存对象但暂时未获取时应赋初值null Boolean Boolean()方法将其他类型转为Boolean型,'',0,NaN,null,undefined被转为false,其他均为true String ### 🌿字符集 🌿字符数组 字符串可以当作一个只读字符数组 123let str = 2022-01-29 JavaScript > 基础 #JavaScript #数据类型
🏗ES6解构 数组解构 使用解构赋值可以加强可读性 12345const x = 0const y = 1// 等价于const [x, y] = [0, 1] 🍒嵌套解构 🍒默认值 当解构失败时可使用默认值 1const [x = 0, y = 1] = [] 🍒交换值 使用解构可以高效的完成不借助第三变量且快速的完成交换 1;[a, b] = [b, a] // 在前加分号与前面的语句断开 2022-01-29 JavaScript > ES6 #JavaScript #ES6
🔴CSS基础属性 颜色 单位 字体 背景 background 1234567body { background-color: ; background-image: ; background-repeat: ; background-attachment: ; background-position: ;} 边框 参考文档:《CSS教程 (w3school) 2022-01-28 CSS > 基础 #CSS
🟡ES6Promise与异步函数 Promise(期约) Promise 🍇建立Promise Promise接收一个带(reslove,reject)的函数用来指定期约状态 状态转换在同级代码后执行,使用return可以直接退出 1234567const promise = new Promise((reslove, reject) => { if(/* 期约兑现 */) reslove(result) 2022-01-28 JavaScript > ES6 #JavaScript #ES6 #Promise
🔵ES6Module 🌿导出 可以用export对外暴露变量,方法,类 定义后导出需用对象,expor default除外 12345export let x = 0export const y = (a, b) => a + b// 或一次性export { x, y } 🌿重命名 导出时用as重命名导出内容 1234export { a as method1, b as 2022-01-27 JavaScript > ES6 #JavaScript #ES6 #Module
🟡Less学习 注释 12// 行注释,编译去除/* 块注释,编译保留 */ 变量 使用@命名变量 1@key: value; 也可命名选择器 12345@selsetor: className>p.@{selector}{ // 即`.className>p{}`} 作用域 作用域同JavaScript 同作用域变量申明先后与使 2022-01-26 CSS > CSS预处理 > Less #Less #css预处理
🟡SCSS学习 关于SCSS scss是支持CSS3写法的sass,是一个css预处理工具,以.scss为后缀,需要编译为css后才可在浏览器端执行(SCSS与CSS类似TS与JS是CSS的超集) 官网:Sass (sass-lang.com) 安装 默认安装官方推荐的dart-sass Vite项目 vite支持sass的编译只要安装即可使用 1pnpm i sa 2022-01-26 CSS > CSS预处理 > SCSS #css预处理 #SCSS