javascript笔录

网络安全是用于保护关键系统和敏感信息免遭数字攻击的实践。本文例举了常见的网络安全问题及在前后端防范的方法。

因为浏览器的同源策略而产生跨域问题，跨域主要是为了用户的上网安全。下面例举了前端最常见的三个跨域，以及处理方式 iframe 跨域 iframe跨域主要是为了防止恶意网站获取其他网站的dom，拿去私密

站请求怎么成功 跨站请求需要服务端同意，在指定请求响应头中设置Access-Control-Allow-Origin指定该响应允许被哪些域共享。 将Access-Control-Allow-Origi

webpack是一个模块化打包 JavaScript 的工具，在 Wepack 里一切文件皆模块，通过Loader翻译转化文件，通过Plugin注入钩子，最后输出多个模块组合的文件

在vue3中可以使用effectScope函数创建一个统一管理effect的对象。注入到这个对象的effect会被记录到effects属性中，当执行stop方法时，被记录的所有effect都会停止监听

在vue3中可以使用用户自定义的getter方法创建一个计算对象，计算对象通过.value来获取计算值。计算对象分为两种分别是computed和deferredComputed函数创建的。

阅读准备   我们前两章讲讲解了reactive源码解析和effect源码解析，并且知道了它们是如何实现响应式的，还没看过的小伙伴可以先阅读一下。我们回顾一下，reactive函数可以创建通过Prox

effect主要职责是存储Proxy track（收集）的依赖，当Proxy triggle（触发）后查看trigger是否是track存储的依赖，如果是的话则执行监听函数。

在vue3中使用创建reactive类对象一共有四种api。因为是响应式的，那么我们必须知道是哪些属性被使用，在它更改时需要重新执行监听函数，我们可以把监听函数跟收集函数统一使用一个函数来执行。

Proxy对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）。Proxy被用于许多库和浏览器框架上，例如vue3就是使用Proxy来实现数据响应式的。

事件队列与事件循环   我们都直到JavaScript是一门单线程非阻塞的脚本语言，这意味着JavaScript在执行期间都是只有一个主线程来处理所有任务的。而非阻塞是指当代码有异步任务是，主线程会挂

什么是标志？标志就是显示事物特征，便于识别的记号。在程序中我们通常使用枚举来表示标志，比如权限标志： 以往我们通常是使用数组来这这类标志管理的 现在我给大家分享使用左移(>>)、按位或(|)、按位与(

ctx.getTransform()可以获取当前canvas上下文的被应用的转换矩阵，返回DOMMatrix对象。 DOMMatrix.invertSelf()可以获取当前矩阵逆转后的结果