JavaScript

websocket 基本介绍 websocket主要有如下特点： 1. 双工通信 在客户端发起与服务器端建立连接之后，websocket允许客户端和服务器端进行双工通信，在连接的情况下，任何一方在任何

在前端开发过中，编写大量网页样式时，难免会因为不同区域的样式命名导致冲突，所以在开发过程中应该尽量避免定义的样式名相同，通过情况下有如下方案可以解决

apply和call，bind三个都是Function原型上的方法, 它们最主要的作用是改变函数this的指向以及借用构造函数的方法，在实际开发的场景中用到的并不是特别多，主要用在一些封装的基础类库中

在前端开发领域，大多数都是基于浏览器客户端的应用，在这基础上浏览器已经帮我们在系统层面做了诸多的隔离和保护措施来避免一些安全性问题，但由于前端开发性的原因，还是有很多漏洞可以被别有用心的人利用

不管什么程序的语言，内存生命周期基本都是一致的： 系统分配所需要的内存空间 程序使用内存(进行读写) 使用完成后释放内存空间(手动或自动) 在chrome浏览器中，V8被限制了内存的使用

在前端开发过程中，我们总是跟事件打着交道，常常会看到或听到与事件相关的一些专有名词，如：事件级别，事件模型，事件流，事件捕获，事件冒泡等等，下面对事件级别和事件流做个梳理

reduce相比数组其他的方法，相对算是用的比较少的一个，但是它的功能其实也非常强大，下面具体来看看他的一些实用场景 数组求和 数组对象属性求和 扁平化数组 按属性分组对象 数组去重

scoped属性用作样式隔离，使自身组件样式不会影响到其他组件 原理 会在组件中每个标签元素上添加一个唯一的data-v-hash属性，组件内所生成的css样式就都会带着这个属性选择器

我们都知道JavaScript是单线程的，任务只能在主线程中按照顺序执行。而webWork的出现就是为其创建多线程环境，使用它创建的子线程只会在后台运行，不会阻塞到主线程

JavaScript中数据类型转换在开发中会经常遇到，我相信大家在这方面一定踩了不少的坑，看似简单实则各种规则变化莫测，今天就再来温习一下！

requestAnimationFrame和setTimeout都是网页中定时器的操作，表示间隔多长时间执行回调函数，但是在间隔时长处理上是截然不同的，这就导致了他们使用的场景有所不同

在ES5中没有类的概念，但是我们可以通过构造函数来实现类 ES6中Class ES6中的Class可以看作是一个语法糖(底层还是通过构造函数去创建的)，它的绝大部分功能，ES5都可以实现

proxy和reflect都是ES6中新增的功能，其实在实际项目开发中单独使用的情况的不是特别多，vue3响应式核心就是基于它们实现的，所以有必要深入了解一下

js引擎编译执行的过程可以分为三个阶段：词法语法分析，预编译，解释执行 ， js引擎扫描代码检测是否有低级的语法错误，并生成AST， 预编译简单理解就是在内存中开辟一些空间，用来存储变量函数

对于早期的JavaScript表示集合的数据结构，主要是数组和对象，后来ES6中又增加了Map和Set集合。 迭代器(iterator)它是一种接口，为各种不同的数据结构提供统一的访问机制

观察者模式 定义：一个或多个对象(观察者)订阅另一个对象(主题)，当主题发生变化(被激活)的时候，就会通知所有的订阅对象，触发观察者里面的事件

在JavaScript中对象是我们经常用到的，它包括各种属性和方法，而对象的属性有两种类型：数据属性和访问器属性 对象属性 对象的一个属性要么是数据属性，要么是访问器属性，不能两者都存在

JavaScript是一种弱类型的语言，其中数据类型可以说是js的基石，几乎所有的操作都是围绕着这些类型来展开的，JavaScript数据类型从分类上来说有两类：`基本数据类型` 和 `引用数据类型`

this算是javascript中比较基础同时也是非常重要的一个概念了，对于初学者来说会让人很迷糊，如果理解不清楚，可能经常会出现莫名其妙的bug，对于指向：谁调用了这个函数，那么this就会指向谁

最近一段时间在看vue3核心实现相关的书籍，在收集和触发副作用函数代码里有关于Set,Map和weakMap的知识点，并且有讲解到他们的优点和作用，知道的还是一知半解，今天再来温顾一下