原理vite

Vue3中响应数据核心是 reactive ， reactive 中的实现是由 proxy 加 effect 组合，我们先来看一下 reactive 方法的定义 ......

1. 思维的两种障碍 1.1. 为什么知识会成为一种缺陷而非一种美德 1.1.1. 知识是一种美德 1.1.2. 知识同样的特质也会把它变成一种缺点 1.1.3. 知识确实是个好东西，但知识的作用应该是给人们提供信息，而不是起约束作用 1.1.4. 知识应该启发智慧，而不是蒙蔽心智 1.1.5. 只 ......

在以太网络通信中，在 IP 数据包中有两个必不可少的地址，那就是 IP 地址和网卡地址（即 MAC 地址），在数据包中，无论是 IP 地址还是 MAC 地址，都有源地址和目标地址，因为通信是双方的，所以就必须同时拥有双方的地址！在同一 IP 网络中通信，将会发生以下事件： 1、同网段主机间通信 主机 ......

起因是因为要进行ERP系统的制作，但是缺少一些知识，于是在网上进行查找资料，毕竟先知道怎么做比瞎做要强太多了，在网上进行一些资料，实例的查找后，对于一些东西认识模糊不清，不认同，认为是错误的，大概是我自己的原因，太低级了已到达他们认为最基础的东西都不理解，于是花了一下午，大概两个多小时读了这本书，主 ......

本篇文章全面深入地探讨了支持向量机（SVM）的各个方面，从基本概念、数学背景到Python和PyTorch的代码实现。文章还涵盖了SVM在文本分类、图像识别、生物信息学、金融预测等多个实际应用场景中的用法。 关注TechLead，分享AI全维度知识。作者拥有10+年互联网服务架构、AI产品研发经验、 ......

简介定义 C++默认参数指的是当函数调用中省略了实参时自动使用的一个值。写法如下： void foo(int a = 1) { } void foo(int a, int b=1, int c=1) { } 默认参数有两个规则， 规则一：从第一个出现默认参数的参数开始，后面的参数必须也指定默认参数 ......

完整原文：https://qweree.cn/?p=123 ......

13.1 网络安全漏洞概述 13.1.1 网络安全漏洞概念 网络安全漏洞又称为脆弱性，简称漏洞。漏洞一般是致使网络信息系统安全策略相冲突的缺陷，这种缺陷通常称为安全隐患。安全漏洞的影响主要有机密性受损、完整性破坏、可用性降低、抗抵赖性缺失、可控制性下降、真实性不保等。根据已经公开的漏洞信息，网络信息 ......

16.1 网络安全风险评估概述 网络安全风险评估是评价网络信息系统遭受潜在的安全威胁所产生的影响。 本节主要阐述网络安全风险评估的概念、网络安全风险评估的要素、网络安全风险评估模式。 16.1.1 网络安全风险评估概念 网络安全风险评估（简称“网络风险评估＂）就是指依据有关信息安全技术和管理标准，对 ......

7.1 访问控制概述 7.1.1 访问控制概念 访问控制是指对资源对象的访问者授权、控制的方法及运行机制。访问者又称为主体，可以是用户、进程、应用程序等；而资源对象又称为客体，即被访问的对象，可以是文件、应用服务、数据等；授权是访问者可以对资源对象进行访问的方式，如文件的读、写、删除、追加或电子邮件 ......

6.1.1 认证概念 认证是一个实体向另外一个实体证明其所声称的身份的过程。在认证过程中，需要被证实的实体是声称者，负责检查确认声称者的实体是验证者。 认证一般由标识 (Identification) 和鉴别 (Authentication) 两部分组成。 标识是用来代表实体对象（如人员、设备、数据 ......

渲染管线（Rendering Pipeline）是计算机图形学中用于生成图像的流程和阶段。这个过程通常被划分为多个阶段，其中每个阶段都负责特定的任务。下面是典型的图形渲染管线的阶段： 几何阶段（Geometry Stage）： 顶点着色（Vertex Shader）： 这个阶段负责对输入的顶点进行变 ......

目录龙书历史龙书简介作者地址 龙书历史 编译原理三大圣书——龙书、虎书、鲸书。龙书作为其中之一，广受欢迎。 《计算机科学丛书：编译原理（第 2 版）》是编译领域无可替代的经典著作，被广大计算机专业人士誉为"龙书"。《计算机科学丛书：编译原理（第2版）》上一版自 1986 年出版以来，被世界各地的著名 ......

大家好，我是蓝胖子,前段时间mysql经常碰到慢查询报警，我们线上的慢sql阈值是1s，出现报警的表数据有 7000多万，经常出现报警的是一个group by的count查询，于是便开始着手优化这块，遂有此篇，记录下自己优化过程中的心得。 优化慢sql前，肯定是要懂sql的查询逻辑，所以我先介绍下g ......

前言 最近使用 vite 在写项目时，遇到vue3中给setup添加name的问题，本来是打算直接使用插件进行实现的，但是评论说是会有各种各样的问题，看了下vite插件介绍后，下面来讲解 Vite 插件的基本概念。 Vite 和 Rollup 有了解过 Vite 的都知道，Vite 开发用的 ESB ......

准备 为了方便插件开发，这里就先做简单点，在项目根目录建立build文件夹，里面存放一些自定义的插件。 // # build/test.js export function testPlugin() { return { //插件名字 name: "vite-plugin-test", option ......

Vite 构建环境分为开发环境和生产环境，不同环境会有不同的构建策略，但不管是哪种环境，Vite 都会首先解析用户配置。那接下来，就与你分析配置解析过程中 Vite 到底做了什么？即 Vite 是如何加载配置文件的。 流程梳理 先来梳理整体的流程，Vite 中的配置解析由 resolveConfig ......

什么是环境变量 根据当前的代码环境变化的变量就叫做环境变量。比如，在生产环境和开发环境将 BASE_URL 设置成不同的值，用来请求不同的环境的接口。 环境变量一般可以在全局访问到。在 webapck 中，也许看到过这样的代码 // webpack.config.js module.exports ......

用过 webpack 的都知道，webpack 的 sourcemap 配置是比较麻烦的，比如这两个配置的区别： eval-nosources-cheap-module-source-map hidden-module-source-map 是不是分不清楚？ 其实它是有规律的。 把配置写错的时候，w ......

(面试)说一下 webpack 的热更新原理？ webpack 通过 watch 可以监测代码的变化；webpack-dev-middleware 可以调用 webpack 暴露的 API 检测代码变化，并且告诉 webpack 将代码保存到内存中；webpack-dev-middleware 通过 ......

Babel 的包构成 核心包 babel-core：babel 转译器本身，提供了 babel 的转译 API，如 babel.transform 等，用于对代码进行转译。像 webpack 的 babel-loader 就是调用这些 API 来完成转译过程的。 babylon：js 的词法解析器 ......

Vue3 的 Provide / Inject 的实现原理其实就是巧妙利用了原型和原型链来实现的，所以在了解 Vue3 的 Provide / Inject 的实现原理之前，先复习一下原型和原型链的知识。 原型和原型链的知识回顾 prototype 与 __proto__ prototype 一般称 ......

前言 技术栈是 Vue 的人，在面试中难免会被问到 Vue2 和 Vue3 的相关知识点的实现原理和比较，面试官是步步紧逼，一环扣一环。 Vue2 的响应式原理是怎么样的？ Vue3 的响应式原理又是怎么样的？ Vue2 中是怎么监测数组的变化的？ Vue3 中又是怎么监测数组的变化的？ 在问完 V ......

export default defineConfig({ build:{ //指定输出路径 outDir: "../testDist", },}) vite.confit.ts配置如上，输出结果，就跟项目属于同一级别了 ......

实现原理（简单文字） slot 又名插槽，是 Vue 的内容分发机制，组件内部的模板引擎使用 slot 元素作为承载分发内容的出口。插槽 slot 是子组件的一个模板标签元素，而这一个标签元素是否显示，以及怎么显示是由父组件决定的。slot 又分三类，默认插槽，具名插槽和作用域插槽 实现原理：当子组 ......

什么是模板引用 ref ？ 有时候可以使用 ref attribute 为子组件或 HTML 元素指定引用 ID。 <template> <input ref="input" /> </template> <script> import { defineComponent, ref } from " ......

Vue.js 内部将 DOM 节点抽象成了一个个的 VNode 节点，keep-alive 组件的缓存也是基于 VNode 节点的而不是直接存储 DOM 结构。它将满足条件（pruneCache 与 pruneCache）的组件在 cache 对象中缓存起来，在需要重新渲染的时候再将 vnode 节 ......

所谓 watch，就是观测一个响应式数据或者监测一个副作用函数里面的响应式数据，当数据发生变化的时候通知并执行相应的回调函数。 Vue3 最新的 watch 实现是通过最底层的响应式类 ReactiveEffect 的实例化一个 reactive effect 对象来实现的。它的创建过程跟 effe ......

给对应和数组本身都增加了 dep 属性 当给对象新增不存在的属性则触发对象依赖的 watcher 去更新 当修改数组索引时，调用数组本身的 splice 去更新数组（数组的响应式原理就是重新了 splice 等方法，调用 splice 就会触发视图更新） splice(); push(); pop( ......

作用：vue 更新 DOM 是异步更新的，数据变化，DOM 的更新不会马上完成，nextTick 的回调是在下次 DOM 更新循环结束之后执行的延迟回调。 实现原理：nextTick 主要使用了宏任务和微任务。根据执行环境分别尝试采用 Promise：可以将函数延迟到当前函数调用栈最末端 Mutat ......