snabbdom的大致流程（虚拟dom的鼻祖）

• h()创建javascript对象，描述真实对象

• init() 设置模块，返回高阶函数，patch()

• patch()比较新旧vnode的区别，

  diff算法核心

• dom树解构的变化和更新

typescript

JavaScript的超集，snabbdom 就是用typescript语言写的，扩展JavaScript的静态类型，基于类面向对象编程。

怎么终端ajax请求？

1.设置超时时间

2.手动停止，核心是调用XHTMLHttpRequest对象上的abort方法，（不能当作终止对服务器的请求操作，只能当作在前端页面立刻执行Ajax成功后的方法）

html5的离线存储？

用户没有连接互联网，正常访问，连接之后，更新缓存

html5 的离线存储是基于一个新建的.appcache文件的缓存机制，通过这个文件解析离线清单，这些资源会被cookie一样被存储

webpack和gulp的区别

gulp 规范前端开发流程，实现前后端分离，模块化开发，版本控制，文件合并和压缩，mock数据等功能的一个前端自动化构建工具。（流水线）

webpack

loader和plugin的区别

loader本质是一个函数，在该函数中对接受到的内容进行转换，返回转换后的结果，loader只认识JavaScript，所以loader就成了翻译官，转义的预处理（module.rule）

plugin就是插件，基于事件流框架，扩展webpack的功能，webpack运行的生命周期会广播许多事件，(单独配置，类型为数组)参数通过构造函数传入

vue.nextTick和$nextTick

都是dom更新循环结束之后的延迟回调。（修改数据立即执行）

$nextTick只是在调用的时候自动把this绑定到他的调用实例上

CORS

同源通信，跨域通信。fetch是实现CORS通信的

宏任务和微任务

• 宏任务：当前调用栈中执行的任务(由触发线程维护)
• 微任务 ： 当前宏任务执行完，在下一个宏任务开始之前需要执行的任务(由js引擎线程维护)

react的生命周期

挂载， 更新(存在)， 卸载(销毁)

• constructor(构造器)
• componentDIdMount() (ajax请求挂载)
• shouldComponentUpdata() (判断数据是否更新)

新增

• getDerivedStateFromProps()
• getSnapshotBeforeUpdate()

vue中的设计模式

• 工厂模式
• 单例模式
• 发布订阅
• 装饰
• 策略

vue.mixin和vue.extend

• vue.mixin ：抽离公共业务逻辑，类似对象的继承，调用mergeOptions方法合并，采用策略模式
• vue.extend : 使用基础Vue构造器，创建子类，参数是一个包含组件选项的对象

vue模板编译原理

• 将模板字符串转化成element ATS（解析器）
• 对AST进行静态节点标记，虚拟dom的渲染优化
• 使用elements ATS 生成render函数代码字符串

withRouter

垃圾回收

• 定义变量时分配内存

• 使用值的过程实际时对分配内存进行读取和写入的操作

  引用计数垃圾收集（循环引用，无法识别造成内存泄漏），标记清除算法

instance的原理

原型链

mvvm

自定义指令

vue监测数组

重写数组的方法，指向自己构造函数的原型

面试题(原型)

function Parent() {
            this.a = 1;
            this.b = [1, 2, this.a];
            this.c = { demo: 5 };
            this.show = function () {
                console.log(this.a , this.b , this.c.demo );
            }
        }
        function Child() {
            this.a = 2;
            this.change = function () {
                this.b.push(this.a);
                this.a = this.b.length;
                this.c.demo = this.a++;
            }
        }
        Child.prototype = new Parent();
        var parent = new Parent();
        var child1 = new Child();
        var child2 = new Child();
        child1.a = 11;
        child2.a = 12;
        parent.show();
        child1.show();
        child2.show();
        child1.change();
        child2.change();
        parent.show();
        child1.show();
        child2.show();

配置@vite.config.json

 "allowSyntheticDefaultImports" :true,
    "paths": {
      "@/*" :[
        "src/*"
      ]
    }

配置代理

server :{
    proxy :{
        "/api":{
            target : ""  //真正的地址，
              changeOrigin: true,  //是否跨域
        rewrite: (path) => path.replace(/^\/api/, '')
            
        }
    }
}