事项vue cli 01

1、原文持续更新中：https://www.cnblogs.com/MrFlySand/p/17897031.html 2、PS修图插件，一键美颜，你知道吗？（戳我），后台回复“230707PS插件”获取相关插件应用，回复“230708PS插件教程”获取教学链接;回复“230730camera快捷键 ......

在Vue中使用HappyPack 1、介绍HappyPack 由于有大量文件需要解析和处理，构建是文件读写和计算密集型的操作，特别是当文件数量变多后，Webpack 构建慢的问题会显得严重。 运行在 Node.js 之上的 Webpack 是单线程模型的，也就是说 Webpack 需要处理的任务需要 ......

1. 安装插件 npm install vue-print-nb --save 2. main.js中全局引入 import Print from 'vue-print-nb' Vue.use(Print); 3. 页面中使用 <el-dialog :visible.sync="openCodeCa ......

three.js 3D模型使用 安装 安装three.js npm install three 安装轨道控件插件 npm install three-orbit-controls 安装加载.obj和.mtl文件的插件 npm install --save three-obj-mtl-loader 安 ......

这里有最基本的使用，vue3官网 组件 v-model 我来讲讲注意事项， 如果你 v-model 的是个 reactive 创建的对象，那么将不起作用，必须得是 ref 创建的对象 要知道，v-model： <input v-model="searchText" /> <!-- 等价于 --> < ......

WebSocket实时推送 创建一个WebSocket对象： 准备变量 mounted() { // 初始化 const uri = window.location.href; // 获取网页url const protocol = uri.split("/")[0]; // https: 确定当前 ......

<template> <div> <div class="paging"> <!--数据显示区域--> <div class="data"> <!--表格存放数组中的数据，并对数据进行截取，以控制每一页显示的数据量--> <!--slice(start,end) 不包括end--> <el-tabl ......

python的安装 想要学习什么，只有将自己置身于那个环境中才可以。 那么学习python，就首先需要配置python的环境。 安装python python是一个脚本语言，不同于C/C++那种编译生成的语言，也就是说python需要一个解释器，可以实时对编写的代码进行解释，要安装python其实就 ......

1、build：构建脚本目录 1）build.js ==> 生产环境构建脚本； 2）check-versions.js ==> 检查npm，node.js版本； 3）utils.js ==> 构建相关工具方法； 4）vue-loader.conf.js ==> 配置了css加载器以及编译css之后自 ......

方法一: cloneDeep import { cloneDeep } from 'lodash-es' // 直接使用 const items = cloneDeep(multipleSelection) 方法二： ​通过JSON.parse(JSON.stringify(obj)) 优缺点 满足 ......

一 删除代理 yarn config delete proxy 二 设置淘宝镜像 yarn config set registry https://registry.npm.taobao.org/ 三 设置超时时间 yarn install --network-timeout 1000000 ......

MarkDown学习 标题 *N+空格=n级标题（可到六级） 字体 文本（粗体：文本两端分别加两个*） 文本（斜体：文本两端分别加一个*） 文本（粗体+斜体：文本两端分别加三个*) 文本（删除线：文本两端分别加两个~） 引用 欲买桂花同载酒，终不似，少年游。 （>+空格） 分割线 （三个-或*） 图 ......

Vue环境的搭建 一. 背景 vue的运行方式有两种 一种是在页面引用vue的js包, 一种是搭建脚手架来vue框架. 我们在这里使用的是第二种方式. 需要安装的软件 npm 16.13.1 LTS 现在最新版已经20了， 建议下载LTSC版 下载地址: https://nodejs.org/en/ ......

Task1、部署机器 Task2、引言 怎么进行端口扫描？为什么有必要？ 端口连接主要通过使用本地计算机上的不同端口建立与远程网络服务器的连接来完成的。端口扫描主要通过nmap实现，nmap 会依次连接目标的每个端口。根据端口的响应，可以确定它是开放、关闭还是被过滤（通常是被防火墙过滤）。知道哪些端 ......

场景 js 中存储 xAxisData = [......]、yAxisData = [......]，想在 vue 中使用，但要求使用前转化成 data 存有若干个 (x, y) 的形式 在改变 xAxisData 或 yAxisData 的任意一值时，都会反馈更新到 vue 的每一个调用了 da ......

创建vue项目步骤 npm create vite@latest cd EasyB npm install npm run dev 绑定数据 script模块 <script > import {ref} from 'vue'; export default{ name:'App', setup() ......

依赖 "vitest": "0.34.6", "@vue/test-utils": "2.4.3", "axios-mock-adapter": "^1.22.0", 示例 import { mount } from "@vue/test-utils"; import { test, vi } fr ......

1.在 vite.config.js 引用 import {resolve} from 'path' 2.添加标黄的 export default defineConfig({ resolve:{ alias:{ "@":resolve(__dirname,"./src") } } }) 3.有图看 ......

1. 项目背景由于用户需求，需要上传大量图片，只能通过上传压缩包的形式上传，可是压缩包过大时，又会出现上传超时的情况，故需要将压缩包分块上传，然后解压缩图片、若图片过大则再对图片进行压缩。 2. 分块上传分块上传我在用的时候发现有两种：第一种：分块合并接口全由后端接口生成；第二种：前端分块，后端上传 ......

当着手使用 Vue3 开发项目时，理解其目录结构至关重要。Vue3 的文件组织和模块分隔方式直接关系到项目的可维护性和扩展性。本文将深入探讨 Vue3 的标准目录结构，并提供一些实用的指南和推荐做法。 在 Vue 3 项目中，通常会有以下一些常见的目录和文件： src 目录: src 目录是 Vue ......

当着手使用 Vue3 开发项目时，理解其目录结构至关重要。Vue3 的文件组织和模块分隔方式直接关系到项目的可维护性和扩展性。本文将深入探讨 Vue3 的标准目录结构，并提供一些实用的指南和推荐做法。 在 Vue 3 项目中，通常会有以下一些常见的目录和文件： src 目录: src 目录是 Vue ......

IDEA启动项目登录时显示用户或密码错误 或者 连接mysql数据库时报错 原因： mysql8 之前的版本中加密规则是mysql_native_password,而在mysql8之后,加密规则是caching_sha2_password，所以可以需要改变mysql的加密规则 打开cmd窗口，登录m ......

亲测好用，这里就直接上代码了，代码有详细的解释。 0. 建表语句SET NAMES utf8mb4;SET FOREIGN_KEY_CHECKS = 0; -- Table structure for file_info-- DROP TABLE IF EXISTS `file_info`;CREA ......

在项目根目录下新建.env文件 写入变量比如本地链接 VUE_APP_BASE_API=http://127.0.0.1:5000/ 在读取的时候使用process.env.VUE_APP_BASE_API就可以读到这个全局变量 process.env.NODE_ENV有两个值开发环境：develo ......

Vue报错：error Mixed spaces and tabs no-mixed-spaces-and-tabs 一、解释 在开发过程中使用了ESLint，用来规范代码风格。ESLint是语法检查工具，缺点是对所写代码要求过于严格。这里是因为空格的使用导致的。 二、报错可能出现的地方 我第一次出 ......

1.创建numberToCurrency.js文件 // 千分符过滤器 export function numberToCurrencyNo(value) { if (!value) return 0 // 判断value 是否是以0开头的负数 if (value < 0 && value > -1 ......

可观测监控事项简要学习 主机层-CPU资源 CPU的使用率. 细分为: 1-idle 整体使用率us 用户 sy 系统 wa IO等待 si 中断耗时 报警阙值: 整体使用率: 数据库不超过min{80%, 最近平均CPU使用率的1.5倍} 如果绝对值较高,或者是背离正常业务线较多, 需要报警处理. ......

一、图片上传//template <input type="file" accept="image/*" @change="changeImage()" ref="avatarInput" style="display:none" /> <div class="pic_list"> <div v-f ......

image: node:16.15.0 #表示使用有nodejs环境的docker，自己项目用的什么版本这就写什么版本 stages: - deploy pages: #!!!必须!!!使用pages关键字 stage: deploy script: - npm install - npm run ......

教师提高办公效率的方法有哪些？这是一个许多教育工作者都面临的问题。随着教育信息化的不断发展，教师们需要处理的日常事务越来越多，除了有基础教学任务之外，还需要管理好班级和学生，提交上级安排的各种报表等，如何提高办公效率已经成为了一个紧迫的问题。 今天小编要为大家介绍的就是一款教师高效办公必备的待办事项 ......