qq_48937489的博客

输入输出语法、数据类型、运算符、流程控制（分支语句、循环语句）、数组、对象、函数、DOM、事件监听、常用事件、事件对象、事件流、事件委托、日期对象、节点操作、window对象、正则表达式、本地存储

作用域、 函数提升、函数参数、箭头函数、解构赋值、构造函数、实例成员、静态成员、Object、Array、String、Number、构造函数、原型、深浅拷贝、异常处理、this指向、防抖、节流

我目前还是在用 JavaScripr开发项目，后面会学习 TypeScript ，也会专门写一篇《从 0~1 创建Vue3 + TS 项目》

阻止事件的传播、事件委托、阻止浏览器默认行为

JS中常见的兼容写法浏览器卷去的高度和宽度兼容、处理事件对象兼容、处理事件目标兼容

JS中事件的绑定和解绑、dem0级事件（'on数据类型'）、dem2级事件(事件源.addEventListener('事件类型', 事件处理函数)、、事件源.removeEventListener('事件类型', 事件处理函数)、事件源.attachEvent('on事件类型', 事件处理函数)、事件源.detachEvent('on事件类型', 事件处理函数))复杂数据类型的比较

ES6定义变量、块级作用域、ES6箭头函数、解构赋值、点点点(...)运算符、模板字符串可以调用函数

JS中的this指向及改变this指向 一、this指向 1. 全局使用 2. 函数使用二、改变this指向 方法1. call() 方法2. apply() 方法3. bind()

JS中元素的常用事件 一、 鼠标事件 二、 键盘事件 三、 浏览器事件 四、 表单事件 五、 拖拽事件 六、 触摸事件(移动端) 七、 其他事件鼠标事件对象信息、键盘事件对象信息

获取元素的尺寸，获取元素的偏移量，获取浏览器的窗口尺寸（DOM级别，BOM级别）

JS节点操作一、了解 DOM 节点二、获取节点1. 获取节点的方法1-1. 非常规标签    (1). html    (2). head    (3). body1-2. 常规标签    (1). getElementById()    (2). getElementsByTagName() &nb

这里写自定义目录标题欢迎使用Markdown编辑器新的改变>功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器     你好！ 这是你第一次使用

BOM浏览器对象模型、DOM文档对象模型一、BOM浏览器对象模型1.浏览器的窗口尺寸1.1 获取浏览器的高度1.2 获取浏览器的宽度2.浏览器的弹出层2-1 alert() 警告框2-2 confirm() 选择框2-3 prompt() 输入框3.浏览器的地址栏4.浏览器的历史记录5.浏览器的版本信息6.浏览器的常见事件7.浏览器卷去的高度和宽度8.短路表达式二、DOM文档对象模型1.获取DOM元素2.操作元素属性3.操作元素类名4.操作元素文本内容一、BOM浏览器对象模型BOM —— B

json、本地存储、数学对象、时间对象一、json格式1.什么是json格式2.JSON 转 JS3.JS 转 JSON4.json数据格式5.扩展二、本地储存1.localStorage 永久缓存（除非手动删除）2.sessionSrotage 会话缓存（关闭浏览器就没有了）3.两种方法的区别和共同点三、数学对象1.数学对象Math（内置对象）1-1 random()1-2 round()1-3 ceil()1-4 floor()1-5 pow()1-6 sqrt()1-7 abs()1-8 max()1

字符串的创建、操作以及常用方法一、字符串的创建1. 自变量创建2. 内置构造函数创建二、字符串的操作三、模板字符串四、字符串的常用方法1. charAt()2. charCodeAt()3. substr()4. substring()5. toLowerCase()6. toUpperCase()7. replace()8. concat()9. slice()10. split()11. indexOf()12. lastIndexOf()13. includes()14. search()15. ma

数组的常用方法一、数组常用方法1（数组基础方法）１、push（）二、数组常用方法2（ES3.0，IE　6　7　8可以使用）三、数组常用方法3（ES5.0，IE　6　7　8不好使）四、数组常用方法4（ES2015（ES6）以后，标准浏览器，IE　10　以上）一、数组常用方法1（数组基础方法）１、push（）##　2.##２．二、数组常用方法2（ES3.0，IE　6　7　8可以使用）三、数组常用方法3（ES5.0，IE　6　7　8不好使）四、数组常用方法4（ES2015（ES6

预解析、作用域、变量的三个机制、对象、数组一、预解析1.预解析概念2.解释了什么东西3.扩展4.预解析的无节操二、作用域1.作用域的定义2.分类（2种）及上下级关系3.作用域里面的预解析三、变量的三个机制四、对象1.对象数据类型2.对象的操作语法及区别3.循环遍历对象4.数据类型存储的区别、赋值上的区别5.函数也是一个对象五、数组1.数组数据类型2.数组的操作一、预解析1.预解析概念 + 不是教给你怎么写代码 + 告诉你代码的执行机制, 和不要怎么写代码 + 预: 预先, 在所有代码执行之前

JS数据类型转换一、JS的基本数据类型1.数值型2.字符型3.布尔型4.空值一、JS的基本数据类型1.数值型2.字符型3.布尔型4.空值

了解JS以及JS的书写一、了解JS1.JS的三大核心2.JS的本质二、JS的书写1.行内式（强烈不推荐）2.内嵌式（不推荐）3.外链式（推荐）一、了解JS在一个网页里面，html表示网页的结构，css表示网页的样式，而js表示网页的行为。1.JS的三大核心ECMAScript ：JS的语法、标准；BOM（Browser Object Model,浏览器对象模型）：是一整套操作浏览器的属性和方法；DOM（Document Object Model,文档对象模型）：是一套操作文档流的属性和方法；

Document对象Document对象1.getElementById("Id号")2.getElementsByName("name")3.getElementsByTagName("标记名称")4.getElemensByClassName("class")Document对象1.getElementById(“Id号”)返回的是一个对象可以快速访问某一个元素2.getElementsByName(“name”)返回的是一个同name对象数组（相当于是多个对象）用于返回HTML元素中指定