前端学习笔记

ES5 是对 JS 的修修补补 ES6/2015 新特性 作用域 块级作用域 块级变量 let 块级常量 const 箭头函数 箭头函数中的this被作为普通变量看待 参数处理 默认参数值 剩余参数

setTimeout 代码题 答：会打印出 6 个 6 原因：setTimeout 是异步函数，会塞入异步队列中，把代码执行推迟，等到 for 全部循环一遍之后，再执行 log i 6次 如果希望打印

假设有这样的函数 如何在不点击 button 的情况下触发 fn 函数（用 js 触发函数 只需要在 script 加上这些代码 如何添加上事件名 如何添加参数？ 发布订阅总结 发布订阅的特点？ ap

请求和响应 如何发送请求 使用浏览器地址栏，只能get 使用form标签，只能get和post（用得不多 使用AJAX 使用命令行工具 curl（Window 10+、macOS、Linux 自带 请

异步，即不等结果，如在排餐厅的号的时候顺便去逛逛附近 同步，即等结果，如在排餐厅的号的时候一直在那排 下面是一个同步代码的示例 上面代码按顺序执行，会打印出1 n 2 把上面代码改成异步的 异步代码的

即Asynchronous(异步的) JavaScript And XML ，使用XM(XMLHttpRequest)与服务器通信 如何使用？ 简易版 详细版 AJAX的优缺点 优点：1.可以请求任意

如何判断一个对象是否是数组：它是否拥有数组的共有属性（push、pop等 闭包的作用 一个函数引用了其外部的自由变量，这就是闭包 解构赋值 ES6语法，通过匹配进行变量声明，可以将数组中的值或者对象的

一些单词： Construct 构造 super class 超类 也叫父类 derived class 派生类 也叫子类 OO Object-oriented 面向对象的 构造函数 如果一个函数 返

内存，即Memory，也称内存储器和主存储器，用于暂时存放CPU中的运算数据 可以在任务管理器中查看当前内存使用情况 内存使用规则 每当打开浏览器（如Firefox Firefox进程便出现，得到初始

navigation 浏览器相关信息 navigation.userAgent 用户代理，包含当前目前浏览器的一些信息，即用户用什么设备打开该页面 history API 记录页面历史信息 histo

浏览器渲染机制 我们在地址栏输入url，中间经历一系列过程（略），向服务器发送请求，服务器返回数据 解析 HTML 标签，构建 DOM 树 解析 CSS 标签，构建 CSSOM（CSS对象模型） 树

鼠标事件 click 单击 dblclick 双击 mousedown 单击按下 mouseup 单击松开。按下后松开触发click contextmenu 单击右键 mousemove 鼠标移动 m

DOM 文档对象模型（Document Object Model, DOM）是HTML的编程接口，用对象和HTML结构一一映射，通过修改对象达到修改HTML节点的目的 元素操作 获取元素 queryS

Symbol JS的内置原始类型 每个Symbol都不相同 即使它们的值一样 可以放在对象属性里，作为对象属性的类型（对象属性只有String和Symbol两种类型 当其它类型的值被赋值为对象的属性，

事件：系统内发生的动作或事情 用户触发：鼠标点击、滚动、拖拽、键盘按下 系统生成：文档或图片加载完成、动画结束、视频播放暂停 JS出发：例如调用HTMLElemeng.click() 创建自定义事件，

栈、队列方法 pop：从栈尾弹出一个值 push：从栈尾推入一个值 unshift：从队头推入一个值 shift：从队头移出一个值 splice，数组的增删改 参数：1.开始索引；2.删除元素的个数；

引用类型 在JS中有八种数据类型，除Object外，其它都属于基本数据类型 primitive type 基本数据类型有 : String、Number、bigint、null、undefined、S

结合性与优先级 结合性，即语句运算是从左到右还是从右往左 如 a = b = 2 赋值是从右到左 —-3 + 2 * 5 加法和乘法是从左到右 优先级从低到高有：, < = < || < && < =

if语句 if (条件) { do something } if (条件) { do something } else { do something } if (条件) { do something

使用方法 1.在页面引入js文件 <script src="js文件的地址"></script> 2.写在标签内 <script>js代码</sctipt> JavaScript 建议放在 body