原理vue2 vue
记录优化vue项目首屏加载慢的过程
##一 背景 当项目部署在外网时，前端首屏加载的平均时间是10S，通过开发者工具查看加载的包，例如chunk-libs.xxx.js的有2.9MB，因为包太大导致加载慢，严重影响了用户体验。 所以解决思路就有了两个： 能不能把包变小，下载就会快一些？ 有一些js、css不经常变化的文件能不能通过浏览 ......
VUE 大文件上传解决方案(500M以上)
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
TS+vite+Vue3打包报错
报错信息见上图 根据要求进行修改操作 由于vite将ts的配置文件tsconfig.json隐藏,所以在暴露出来的tsconfig.json中进行修改 根据依赖继承，能够找到现在的js版本为：ES2016 在暴露出来的tsconfig.json中增加： 再次打包后，接着代码出现不识别HTML和win ......
【解答】MySQL MTR的实现原理与优势
MySQL MTR（MySQL Test Run）是 MySQL 数据库测试框架，用于自动化测试 MySQL 数据库系统的功能和性能。MTR 由 MySQL 官方提供，包含了大量的测试用例，可以对 MySQL 数据库系统的各个方面进行测试。可以帮助开发人员和测试人员快速、准确地进行测试，提高 MyS ......
vue全家桶进阶之路18：Vue CLI脚手架
一切框架都是为了将开发变得简单、快捷、易操作，Vue CLI脚手架也不例外，它出自vue官方，脚手架的用意就是让开发变得像搭建房子那样标准而又有规划，它集成了很多常用的模块，更像是一个工具箱(插件集合)，很多常用的配置文件或者文件夹也直接就有了，例如：webpack。 在搭建之前我们需要确认我们有没 ......
vue3中watch的写法大合集。
VUE2的watch是一个属性写法是 watch:{ data1(newVal,oldVal){ 同步/异步操作 } } VUE3的watch则是一个函数，写法是 注意数据必须是响应式的 let num = ref(0) //watch(要监听的响应式数据,(新值，旧值)=>{更新时的回调}) wa ......
vue全家桶进阶之路8：Axios的安装与HTTP请求实战
Axios是一个基于Promise的HTTP客户端，用于在浏览器和Node.js中发送HTTP请求。它可以使用在Vue中发送请求以及与后端API进行交互。 在Vue中使用Axios可以通过以下步骤： 安装Axios 可以通过npm或yarn来安装Axios：npm install axios yar ......
1W字长文：蓝绿发布、金丝雀发布、滚动发布、A/B测试 原理和实操
文章持续更新，建议收藏起来，慢慢读！疯狂创客圈总目录 博客园版 为您奉上珍贵的学习资源 ： 免费赠送 :《尼恩Java面试宝典》 持续更新+ 史上最全 + 面试必备 2000页+ 面试必备 + 大厂必备 +涨薪必备 免费赠送 :《尼恩技术圣经+高并发系列PDF》 ，帮你 实现技术自由，完成职业升级， ......
超详细【入门精讲】数据仓库原理&实战 一步一步搭建数据仓库 内附相应实验代码和镜像数据和脚本
超详细【入门精讲】数据仓库原理&实战 一步一步搭建数据仓库 内附相应实验代码和镜像数据和脚本 感谢B站UP主 哈喽鹏程！！！ 0. B站课程链接 和 搭建数据仓库资源下载 下载UP主 哈喽鹏程 给的资源镜像及脚本包 课程链接：https://www.bilibili.com/video/BV1qv4 ......
Aop原理
AOP相关的概念 1）Aspect：切面，切入系统的一个切面。比如事务管理是一个切面，权限管理也是一个切面。 2）Join point：连接点，也就是可以进行横向切入的位置。 3）Advice：通知，切面在某个连接点执行的操作(分为:Before advice,After returning adv ......
原理+案例，关于主从延迟，一篇文章给你讲明白！
前言 在生产环境中，为了满足安全性，高可用性以及高并发等方面的需求，基本上采用的MySQL数据库架构都是MHA、MGR等，最低也得是一主一从的架构，搭配自动切换脚本，实现故障自动切换。上述架构都是通过集群主从复制（Master-Slave）的方式来同步数据。MySQL集群简单架构图： 说到主从同步， ......
vue 导出方法blob文件流
axios({ method: 'get', url, params, headers: { 'Content-Type': 'application/json; application/octet-stream' }, responseType: 'blob',//这里要注意 timeout: 1 ......
vue2+element-ui+springboot+mybatis-plus获取当前账户进行修改密码详细教程
以下内容仅供学习使用 新建一个dto类，用于专门修改当前账户的使用 import lombok.Data; @Data public class UserPasswordDTO { private String username; private String phone; private Stri ......
Vue 核心（二）
Vue 核心（二） 八、 绑定样式 1、 class <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>样式绑定</title> <script type="text/javascript" src="../j ......
vue使用&Mac+idea的vue开发环境配置参考
vue使用&Mac+idea的vue开发环境配置参考 链接：https://blog.csdn.net/weixin_43123409/article/details/125624203 ......
Vue中路由的创建、跳转
一、创建路由 1、先创建一个route.js文件,创建路由，导出路由。 //创建路由，从vue-router中导入两个方法。 import {createWebHistory,createRouter} from "vue-router"; //导入需要跳转页面的文件 import FlexWork ......
记录--Vue 3 中的极致防抖/节流（含常见方式防抖/节流）
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 今天给大家带来的是Vue 3 中的极致防抖/节流（含常见方式防抖/节流）这篇文章，文章中不仅会讲述原来使用的防抖或节流方式，还会带来新的一种封装方式，使用起来更简单、更清晰。 前言 在前端的开发过程中，在涉及到与用户交互的过程中是基本上都 ......
第三部分：Spdlog 日志库的实现原理
#! https://zhuanlan.zhihu.com/p/617432495 Spdlog 是一个快速、异步的 C++ 日志库，被广泛应用于 C++ 项目中。在这篇文章中，我们将探讨 Spdlog 日志库的实现原理。 Spdlog 的结构 Spdlog 由五个主要组件构成：Loggers、Si ......
使用copilot生成vue响应式原理
// 生成vue的响应式原理 function defineReactive(obj, key, val) { // 递归 observe(val); // 创建Dep实例 const dep = new Dep(); Object.defineProperty(obj, key, { get() ......
vue3
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
在js、vue中使用方法调用a标签
<el-button type="primary" style="width:130px" @click="shout"> <a :href="跳转页面地址" style="color:#fff" id="test">超链接</a> </el-button> methods: { shout() { ......
Vue3中的Vuex
store.js //vuex import { createStore } from 'vuex' export default createStore({ state: { num:1 }, mutations: { /** * @description: 修改num成新的num * @pa ......
Vue3综合使用案例
父组件 <template> <h3>父组件</h3> <div>{{ num }}</div> <div ref="box">使用ref获取dom</div> <div>watch监听数据-{{ watchVal }}</div> <about-view ref="child" :datas="n ......
Exp3-免杀原理
基础问题回答 (1)杀软是如何检测出恶意代码的？ 根据特征码检测：就是恶意代码都有一些特征数据，也就是特征码，这些特征数据存储在AV厂商的特征库中。如果一个文件被检测出他的某些特征数据是特征库中的特征数据，那么这个文件就被认为包含恶意代码。 启发式检测：就是如果一个软件在干通常是恶意软件干的事，看起 ......
vue table type=select列不能使用if判断
因为当前这个selection用【querySource】字段状态来判断显示和隐藏，在el-table标签里需要加:key=“querySource” ......
《新发现：能量测不准原理》 回复
《新发现：能量测不准原理》 https://tieba.baidu.com/p/8326221019 4 楼 说的 雷达测距测速的题 出自 @平阳睡狮郭峰君 在 反相吧 发的 《【敬请反相者和维相者共同做题】》 http://tieba.baidu.com/p/5258171367 。 题目 ： “ ......
优化 vue 使用 webpack 打包，出现的缓存问题 及 项目部署问题
https://blog.csdn.net/qq_39264561/article/details/124844878 ` const path = require("path"); const webpack = require("webpack"); const timeStamp = new ......
vue配置src为@
步骤1：配置jsconfig.js 位置：项目根目录/jsconfig.js { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, // @ 不能在以下目录的文件中使用 "exclude": ["node_m ......
TLS/SSL工作原理及握手过程
一、TLS/SSL基础概念 1、概念 TLS传输层安全性协议（Transport Layer Security） SSL安全套接层（Secure Sockets Layer） 目的：为互联网通信提供安全以及数据完整性保障。 HTTPS = HTTP + TLS/SSL 2. TLS/SSL功能实现 ......
Unknown custom element: <el-tabs> - did you register the component correctly? For recursive components, make sure to vue.runtime.esm.js?c320:619provide the "name" option.
mad 从官网上扒下来的 一模一样就是一直报错 然后一直百度 百度上的答案五花八门 没一个有用的 草！！！！！ 这个原因就是你没有在项目中引入element-ui 所以你用它的组件会报错 第一步 npm i element-ui -S 第二步 在main.js里面加入 import ElementU ......