weixin_68266812的博客

由 Vue.js 的作者尤雨溪开发，旨在提供快速的开发体验和优化的构建流程，专为现代前端框架（如 Vue、React 等）设计。Vite 与 Vue、React 等主流前端框架紧密配合，提供了一系列的工具和插件，使得开发者能更好地集成和使用这些框架。Vite 原生支持 Vue 3，并通过插件支持 React、Svelte、Preact 等框架，满足不同项目的开发需求。Vite 的极速启动和高效热更新功能显著减少了等待时间，开发者能更快地看到代码修改后的效果，特别适合需要快速迭代的项目。

查询取消批量修改下载模版导入数据提交历史信息导入一键删库 新增数据下载

多个上传 走一个接口。

【代码】table上下移动。

子页面 formVue。子页面 editForm。

【代码】【无标题】

【代码】post get 给后端传参数。

如过 报下边这个错误 最后 运行 （有可能不是 yarn run dev 根据你的项目来哈）

【代码】弹框 上传 预览。

【代码】手写拖拽修改参数。

【代码】vue.draggable拖拽。

Promise本身是同步的立即执行函数解决异步回调的问题， 当调用 resolve 或 reject 回调函数进行处理的时候, 是异步操作， 会先执行.then/catch等，当主栈完成后，才会去调用执行resolve/reject中存放的方法。Promise.all 接收一个 promise对象的数组作为参数，当这个数组里的所有promise对象全部变为resolve或reject状态的时候，它才会去调用 .then 方法；2. 只有Promsie内部的状态落定了，then方法中对应的处理程序才会执行；

【代码】修改国际事件的方法。

【代码】增删改查

【代码】查询

路由传值获取参数 渲染数据。路由传值获取参数 渲染数据。

【代码】判断浏览器内核。

【代码】导出tabla页面。

【代码】vue2 table 页面 + 功能 展示。

点击按钮 上下移动 当前数据。

CSRF（Cross-site request forgery）全称“跨站请求伪造”，也被称为“One Click Attack”或者“Session Riding”，通常缩写为CSRF或者XSRF，是一种对网站的恶意利用。尽管听起来像跨站脚本（XSS），但它与XSS非常不同。XSS利用站点内的信任用户，而CSRF则通过伪装来自受信任用户的请求来利用受信任的网站。与XSS攻击相比，CSRF攻击往往更加难以防范。可以这么理解CSRF攻击：攻击者盗用了你的身份，以你的名义进行某些非法操作。

一旦攻击成功，它可以获取到用户的联系人列表，然后向联系人发送虚假诈骗信息，可以删除用户的日志等等，有时候还和其他攻击方式同时实施比如SQL注入攻击服务器和数据库，Click劫持，相对链接劫持等实施钓鱼，他带来的危害是巨大的，是Web安全的头号大敌。

浏览器的 Javascript 具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。但是这个过程不是实时的，因为其开销比较大并且 GC 时停止响应其他操作，所以垃圾回收器会按照固定的时间间隔周期性的执行。不再使用的变量也就是生命周期结束的变量，当然只可能是局部变量，全局变量的生命周期直至浏览器卸载页面才会结束。

箭头函数看this的指向主要抓住箭头函数到底在哪个作用域下，如果在全局作用域下，this就指向了window，如果在局部作用域下，那就看局部作用域的this指向的是谁，那么箭头函数的this就指向的是谁。7.在vue实例中，方法中的this指向的就是vue实例，如果在组件中，组件中的方法中的this就指向组件实例。箭头函数下的this是静态的，和其他this指向的不同，箭头函数下的this始终指向的是函数声明时所在作用域下的this的值。在全局作用域下或者普通函数中this的指向一般都是window对象。

vue的常用指令有：vue常用指令有：v-on指令、v-model指令、v-once指令、v-show指令、v-if指令、v-else指令、v-else-if指令、v-for指令、v-text指令、v-html指令、v-bind指令等等。

发布订阅模式的原理基于消息队列或主题，发布者将消息发布到特定的消息队列或主题中，而订阅者可以订阅这些消息队列或主题以接收和处理消息。发布者和订阅者之间的通信是异步的，这意味着发布者发布消息后，订阅者可以在任何时候接收和处理消息。发布订阅模式的核心思想是将发布者和订阅者解耦，使得它们可以独立地运行和扩展。这种解耦有助于提高系统的灵活性和可伸缩性，因为发布者和订阅者可以根据需要进行扩展和修改，而不会影响彼此的操作。发布订阅模式在许多领域都有应用，如消息队列事件驱动架构实时数据更新消息推送。

大型网站如常用的淘宝，京东等页面，需要展示大量的商品图片信息，如果打开网页时让所有图片一次性加载完成，需要处理很多次网络请求，等待加载时间比较长，用户体验感很差。初始化时，图片标签的src不能是真实的图片地址，也不可以是空地址或者坏地址(会出现图片加载失败的图标)。初始化的时候，可以设置图片的src是某一个小型图片。例如一张1px*1px的透明图片。由于所有图片都使用这一张图片，只会发送一次请求，不会增加性能负担。将图片的真实路径绑定给一个自定义属性，例如data-url。

在 Vue 2 中，你可以通过定义一个方法来处理按钮的点击事件，并在该方法中使用 HTTP 客户端（如。在 Vue 2 中，你可以通过发送 HTTP 请求来将前端的数据传递到后端。这样的库来发送请求。以下是一个基本的步骤和示例，展示了如何通过按钮点击将。首先，确保你已经在项目中安装了。

替换 node包。

零代码 - Table在线布局工具（Excel转HTML）

参考 ： 中高级前端面试宝典之浏览器篇_浏览器渲染机制面试-CSDN博客 浏览器渲染机制-CSDN博客 1. 解析HTML：浏览器首先会将HTML代码解析成DOM树，DOM树是由节点和对象组成的树形结构，表示HTML文档的结构和内容。2. 解析CSS：浏览器会将CSS代码解析成CSSOM树，CSSOM树是由样式规则和对象组成的树形结构，表示HTML文档的样式信息。3. 构建渲染树：浏览器会将DOM树和CSSOM树合并成渲染树，渲染树只包含需要显示的节点和样式信息，不包含隐藏的节

安装语言包，双击即可，然后下一步，完成。

多态 ： 父类型的引用指向子类型的对象，不同类型的对象针对相同的方法，产生不同的行为。如果有两个或者属性，从第0开始计算，抛去已有的属性，剩下的才是。...args: string[] 代表剩下的所有参数的属性都是str的类型。也可以包含实例方法，抽象类是不能实例化，为了让子类实例化，实现内部抽象的方法。// 可以把function 放在前边 也可以放在后边，的书写方式。抽象类 ：包含抽象方法(抽象方法一般没有任何的具体内容的实现)，// ：string 代表的是返回值 是什么类型的。

TypeScript的核心原则之一是对值所具有的shape进行类型检查。它有时被称做“鸭式辨型法”或“结构性子类型化”。在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。

为了让程序有价值，我们需要能够处理最简单的数据单元：数字，字符串，结构体，布尔值等。TypeScript支持与JavaScript几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。

虚拟DOM（Virtual Document Object Model）是指用JS对象来描述DOM节点及其属性和内容的层次结构，它是对真实DOM的一种抽象表示，并不是真正的DOM节点。当页面需要更新时，虚拟DOM首先进行比较，找出需要更新的部分，然后批量更新至真实DOM，最终只会引起页面的局部重排和重绘，可以减少页面渲染的开销，提高性能。

//创建promise 方法 定义数据 x = 0let x = 0;// 一些代码（请尝试将 x 改为 5）//判断数据是不是等于 0//上边定义了 如果不等于 0 就会报错} else {});//监听数据},

new