技术提要

1 是什么 跨来源资源共享（CORS），亦译为跨域资源共享，是一份浏览器技术的规范，提供了 Web 服务从不同网域传来沙盒脚本的方法，以避开浏览器的同源策略（英语：same-origin policy

云服务器类型： 共享型：阿里云共享型云服务器使用未绑定的CPU调度模式。每个vCPU会被随机分配到任何空闲CPU超线程上，不同实例vCPU会争抢物理CPU资源，并导致高负载时计算性能波动不稳定，有可用

一、安装 如果你用vue-cli脚手架来搭建项目，配置过程会选择是否用到路由（详细见我上一篇简书），如果选择y，后面下载依赖会自动下载vue-router。 这里还是说一下安装：npm install

创建型模式 1 原型模式 原型模式（Prototype Pattern）是用于创建重复的对象，同时又能保证性能。 用同一个原型new出来的实例，拥有相同的原型上的属性和方法。  【拓展】用构造函数创建

回忆Vue的一些基本概念 今天我们学习的目的是了解和学习Vue的render函数。如果想要更好的学习Vue的render函数相关的知识，我们有必要重温一下Vue中的一些基本概念。那么先上一张图，这张图

是什么： Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。 为什么： 怎么做： 本地安装：官网下载zip-解压 拓展： I

BigInt数据类型的目的是比Number数据类型支持的范围更大的整数值。在对大整数执行数学运算时，以任意精度表示整数的能力尤为重要。使用BigInt，整数溢出将不再是问题。 此外，可以安全地使用更加

Truthy 与 Falsy falsy 值 (虚值) 是在 Boolean上下文中认定为 false 的值。 JavaScript在需要用到布尔类型值的上下文中使用强制类型转换(Type Conve

是什么： AJAX=Asynchronous JavaScript and XML  =====>异步的javascript和xml XMLHttpRequest 是AJAX的基础,现代所有浏览器均支

对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent 下面简

一、URI <1>什么是URI URI，统一资源标志符(Uniform Resource Identifier， URI)，表示的是web上每一种可用的资源，如 HTML文档、图像、视频片段、程序等都

是什么： 前端框架 为什么： 性能提升 vue2的按区域写代码转为vue3的按照逻辑分类写代码 vue2对ts支持有限 vue2可按逻辑分类写代码的mixin写法缺点： 命名冲突 不清楚暴露出来的变量

大家使用 typescript 总会使用到 interface 和 type，官方规范 稍微说了下两者的区别 An interface can be named in an extends or im

是什么： TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。通过TypeScript编译器或Babel转译为JavaScript代码，可运

是什么： 列表虚拟滚动：就是三个盒子外层为视窗, 中间层为整个数据列表的高度盒子没有渲染任何数据只是做撑开高度和滚动的作用, 内层盒子进行数据渲染和展示并且滚动的时候内层盒子不断的替换数据并且模拟滚动

是什么： 防抖就是在事件触发后的一段时间内执行延时函数，这段时间内如果再次触发会取消前一次的延时函数，重新计时。 节流就是在频繁触发某个事件的情况下，每隔一段时间请求一次 为什么： 性能优化 怎么做：

是什么： 前端安全问题主要分为以下几点： xss（跨站脚本攻击）：主要是用户输入或通过其他方式，向我们的代码中注入了一下其他的js，而我们又没有做任何防范，去执行了这段js。 CSRF（跨站伪造请求）

是什么： 浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的。 浏览器缓存分为强制缓存和协商缓存 强缓存： 强制缓存就是向浏览器缓存查找该请求结果，并根据该结果的

是什么： 伪类（一个冒号隔开）像类选择器一样给已存在某个元素添加额外的样式； 伪元素（两个冒号隔开）则是给自己虚拟的元素添加样式； 为什么： 伪元素选择器可以帮助我们利用css创建标签元素，而不用ht

是什么： 作用域为可访问变量，对象，函数的集合。 局部变量：变量在函数内声明，变量为局部作用域。只能在函数内部访问。 全局变量：变量在函数外定义，即为全局变量。全局变量有全局作用域: 网页中所有脚本和