头条:俊哥前端工程师，真正的大师永远怀揣着一颗学徒的心。

执行上下文、执行上下文栈、预解析、作用域、作用域链、 （打断点）执行上下文（执行上下文环境）：//全局环境 函数环境程序在解析和运行的时候所依赖和使用的环境；全局执行上下文环境 和 函数执行上下文环境 （全局环境和函数环境）执行上下文 > 栈：程序为了管理执行上下文（确保程序的执行顺序）所创建的一个栈数据结构，被称作执行上下文栈；预解析（变量提升）：先解析函数：函数重名覆盖再解析变量：变量重名忽略作用域：(抽象的概念，代码定义的时候作用域就确定死了)变量起作用的范围；作用域;

1. 进程：程序的一次执行, 它占有一片独有的内存空间2. 线程： CPU的基本调度单位, 是程序执行的一个完整流程3. 进程与线程* 一个进程中一般至少有一个运行的线程: 主线程* 一个进程中也可以同时运行多个线程, 我们会说程序是多线程运行的* 一个进程内的数据可以供其中的多个线程直接共享* 多个进程之间的数据是不能直接共享的。

Object.defineProperty()方法---为对象添加属性---

节点: 标签节点,属性节点,文本节点,他们都是节点,节点是有类型的标签---->元素(DOM中的叫法)---->标签节点文本节点:文字内容,空行,回车,空白文本节点属性节点:标签中的属性和值文档:整个当前的页面,页面中的标签都有嵌套的关系,一层一层的,形成了一个树形的的效果,称为:树形结构图,DOM树获取了一些节点,通过判断该节点的类型,就可以知道获取的节点到底是什么节点!nodeType属性可以获取当前这个节点的类型该属性值: 1---标签节点, 2----属性节点,

BOM(浏览器对象模型)- BOM中为我们提供了一组对象，借助这组对象可以通过JS来操作浏览器Window （代表整个浏览器窗口，全局对象）Navigator （表示浏览器的信息）Location （表示浏览器地址栏信息）History （表示浏览器的历史记录）Screen （表示用户的设备的屏幕信息）- BOM对象都是window对象的属性，可以通过window对象访问，也可以直接访问。

用JavaScript做一个贪吃蛇小游戏，无需网络 => 打开即可玩。

keydown 事件 会在按键在元素上按下时触发keyup 事件 会在按键在元素上松开时触发键盘事件只能绑定给可以获取焦点的元素事件对象中key属性，表示当前所按的按键keyCode返回的是按键的编号（不区分大小写和换挡）类似于ctrl alt shift这种功能按键，在事件对象中都有专门判断属性ctrlKey 用来判断ctrl是否被按下，按下返回true，否则返回falsealtKey 用来判断alt是否按下shiftKey 用来判断shift是否按下。

addEventListener()- 也可以通过addEventListener()来为元素绑定事件addEventListener(type, listener [, useCapture])- 参数：type 要监听的事件的字符串，注意这里不需要写onlistener 回调函数，当事件发生后调用的函数useCapture 布尔值，是否在捕获阶段触发事件，一般都是false通过addEventListener()可以为一个元素的一个事件绑定多个响应函数，这样当事件被触发时

javascript中: DOM事件event/冒泡/委派/取消默认行为， h5中:dataset属性

利用DOM去对页面元素进行增删改查，另外涉及闭包/this/作用域等知识.

在JS中，浏览器已经为我们提供了document对象document对象代表整个网页，该对象由浏览器提供，可以直接使用。

我们希望可以将一个对象在不同的语言中进行传递，以达到通信的目的，最佳方式就是将一个对象转换为字符串的形式- JS的对象表示法- JSON实际上就是一个字符串，它的语法格式和JS对象的语法基本上是一致通过JSON表示的对象可以在任意的语言中使用- JSON的语法和JS对象的语法基本一样，不同点在于，JSON中属性名必须加引号，而且必须是双引号JSON中的字符串也必须使用双引号最后一个属性后边不能再有逗号- JSON的类型：JSON对象 {}JSON数组 []

- 正则表达式用来描述一个关于字符串的规则程序可以根据这个规则来识别一个字符串是否符合要求或者从一个字符串中提取出符合要求的内容

字符串的所有实例方法，都可以通过基本数据类型字符串去调用

=>和其他的类的不同，Math并不是一个构造函数，也就是无法通过new来创建Math的实例=>Math表示的数学，在Math对象中存储了一组数学运算相关的常量的和方法

JS中所有的关于时间信息都需要通过Date对象来表示

浅复制(浅拷贝)表示只对对象中的属性进行复制，如果对象的属性还是一个对象，不会对其复制。深复制(深拷贝)，指不仅复制对象本身，也会复制其对象属性（性能差）。

快速排序和冒泡排序是常见的排序算法在java、JavaScript等多种语言中都有的两种排序算法

其实递归的功能和循环类似，都是可以用来反复去执行某段代码的，但是相比于循环来说，递归的执行性能要低的多，并且大部分解析器都会限制递归执行的次数相比于循环，递归的逻辑（代码）更容易理解

call() 是函数对象的方法，需要由函数对象来调用- 当调用函数的call方法时，函数会立即执行，就相当于调用了函数- 通过call()方法调用函数时，可以通过它的第一个参数来指定函数的thisapply() 也是函数对象的方法，作用和call差不多- 区别：call在向函数传递实参时，参数是一个一个的传递的apply在向函数传递实参时，参数时存储在一个数组中传递的- 注意无法通过call和apply来指定箭头函数中的this

函数的外层作用域，在函数创建时就已确定，和函数的调用位置无关

如果一个函数的参数是函数，或者函数的返回值是函数则这个函数我们就称其为高阶函数柯里化必然是一个高阶函数

- 数组也是一个对象- 数组也是用来存储数据的- 和object不同，数组中可以存储一组有序的数据，

在每一个函数中，都有一个隐含的参数，叫做 this this代表的是当前调用函数的对象，谁调用的函数this就是谁

作用域（scope）- 作用域指的是变量的作用范围- 变量的作用域指一个变量在哪些位置可见，在哪些位置不可见

对象的本质就是用来储存数据的(容器—塑料袋)在JS中有很多很多很多种不同的对象，用来存放不同的数据函数（function）也是一个对象！和object不同，函数是专门用来存储代码的对象，可以将一组代码存储到一个函数对象中，并且在需要时对函数进行调用以使其存储的代码执行

对象（object），变量之间是相互独立的，对象就像是一个容器一样，在对象的内部可以存储多个类型不同的变量当我们需要表示一些复杂数据，只需要将相关的值统一存储到一个对象，即可完成

for循环- 语法：for(①初始化表达式;②条件表达式;④更新表达式){③语句...}

- 循环语句主要两种：while语句（while循环）do-while语句for语句（for循环）

通过流程控制语句，可以改变代码的执行的顺序，或者可以让指定的代码反复执行多次

强制类型转换：将其他的数据类型转换为string、number、boolean

JS中有8种数据类型，分别是：String（字符串）Number（数字）Boolean（布尔值）Undefined（未定义）Null（空）Object（对象）Symbol（符号）bigint（在ES2020版本中，定义的一种数据类型），专门用来表示大整数

JS的基本语法规范1.JS中严格区分大小写2.JS中每一个指令被称为一个语句，每一个语句都应该以分号结尾- 在JS中有自动的添加分号的机制，如果不写分号浏览器会自动为你添加- 有些情况下，浏览器可能会给你加错了（几率低）3.JS中会忽略多个空格和换行，所以我们可以通过缩进和空格来对代码进行格式化

- JS是一门解释型语言、动态语言、基于原型的面向对象，JS引擎就是负责解释JS代码，然后交给计算机执行

在vue中的v-model是双向绑定的, 我们自己用JavaScript实现一个双向绑定vModel函数。

如今的前端开发typescript已经成为一项必不可以少的技能了，但是频繁的定义Interface接口会给我带来许多工作量，我想了想如何来减少这些非必要且费时的工作量呢，于是决定写一个函数，将对象放进它自动帮我们转换成Interface接口，接下来就是复制粘贴的工作了，当然了如果需要调整》我们可以在手动调一下，比起一个个的定义花费的时间肯定是短了很多的。我们还以自己去完善这个函数，以达到更多你想要的效果，动手能力强的小伙伴可以尝试起来了。

创建闭包的必要条件：1.函数嵌套2.内部函数引用外部函数的变量3.将内部函数作为返回值返回