vue模板vscode vue2
vue自定义指令应用场景
1.防止重复操作(节流)一段时间内只允许操作一次 适用场景：接口请求、频率限制 2.一键复制 3.活动埋点 页面曝光埋点以及点击事件埋点 4.图片懒加载 在图片出现在视窗区域时开始加载，减少不必要的请求以及流量，适用于无限滚动列表以及瀑布流页面。 5.悬浮拖拽 悬浮可拖拽按钮 6.无限滚动加载 让网 ......
Vue3 + element-plus + Js 中使用 sheetjs xlsx 导入导出 Excel
安装模块 官方文档 NodeJS | SheetJS Community Edition代码： 1 <script setup> 2 3 import { ref, onMounted } from "vue"; 4 import { readFile, read, utils, writeFile ......
vue3项目中的一些报错
问题简介 关于typeScript编译配置问题 "importsNotUsedAsValues"选项已被弃用，并将在TypeScript 5.5中停止使用。要消除此错误， 请指定compilerOption '"ignoreDeprecations": "5.0"'。请改用'verbatimModu ......
Vue-mixin 混入处理
概述 再日常开发中，对于组件内部的方法多处存在相同的特点，往往会抽离出一个公共的方法方便调用，但是由于多个组件可能都需要用到这个方法，所以通过mixin混入的方式，将该方法独立抽离出来，方便多个组件的使用。 步骤 再src目录下创建一个mixins 再该目录下创建一个xxxx.js文件 编写对应的j ......
实验4 现代C++标准库与类模板
实验任务5：1.代码：textcoder.hpp: 1 #pragma once 2 3 #include <iostream> 4 #include <vector> 5 #include <array> 6 #include <string> 7 using namespace std; 8 9 ......
Vue3中 使用v-for嵌套 获取其他数组中的值作为key值 渲染数据
<tbody> <tr v-for="(row, idx) in rows" :key="idx"> <td v-for="(item, key) in title" :key="key">{{ row[key] }}</td> </tr> </tbody> rows是一个数组，但是我不知道他的键值 ......
模板的导入和继承
1 模板的导入 -第一步：新建一个 xx.html,把好看的模板写入 <div class="panel panel-danger"> <div class="panel-heading"> <h3 class="panel-title">重金求子</h3> </div> <div class="p ......
P3375 【模板】KMP( 普及/提高− ) 题解
题目传送门 思路： 首先我们要学习一下 \(KMP\) 算法，不会的可以看这个大佬的文章 那么我们就直接开始讲思路了。 针对于每一位，\(kmp\) 算法已经预处理出了一个对应 \(kmp\) 数组的单元，映射着如果此位失配，它可能的最靠后的一个重新开头是哪一个。 让我们举一个例子：假如让 \(aa ......
vscode 快捷键
跳转到文件的最顶部 在 Visual Studio Code (VS Code) 中，你可以使用以下方法快速跳转到文件的最顶部： 使用键盘快捷键：按下 Ctrl + Home 或 Command + Home（在 macOS 上）可以快速将光标跳转到文件的开头。 使用命令面板：使用 Ctrl + S ......
vue3 jsPlumb学习
<template> <div class="box"> <div @click="clearLine">clear</div> <div @click="initConponents">line</div> <div @click="getData">get</div> </div> <div c ......
Vue Provide/Inject 使用指南
两个inject工具函数轻松解决严格注入和Hook 返回值透传问题！ 痛苦的经历 自从使用了Provide/Inject代码的组织方式更加灵活了，但是这个灵活性的增加伴随着代码容错性的降低。相信只要是真的在项目中引入Provide/Inject的同学，一定一定有过或者正在经历下面的状况： 😢 注入 ......
记录一下vue如果全局引入scss变量
开始 首先一些普通的css，可以在App.vue中引入 然后项目中会经常用到一些功能型的scss，比如mixin，和函数等，这个时候在main.js 和app.vue 是无效的。 首先查看自己的 sass和sass-loader版本，注意sass-loader的安装版本,如果是v8的版本使用prep ......
vue指令封装（按钮权限、loading加载、slideIn窗口进入动画）
vue 指令 vue 本身具有一些指令，但是有些指令是 vue 作者自己写的，有些是第三方插件写的。 v-if v-if 指令是用来控制元素是否显示的，如果值为 true，则显示，如果值为 false，则隐藏。 <div id="app"> <p v-if="isShow">我是显示的内容</p> ......
vue前端截图
<template> <div class="bigbox"> <div class="box" ref="imageTest"> <div class="boxTop"> 13653197159 邀请您注册 <span style="color: #5FFFB7;">金猫矿池</span> </d ......
实验4 现代C++标准库与类模板
实验任务5TextCoder.hpp #pragma once #include<iostream> #include<string> using namespace std; class TextCoder { public: TextCoder(string text0) : text{ tex ......
关于Axios在Vue中的应用
关于Axios在Vue中的应用 Ajax 概述 我们在前端页面的数据，来自于后台，前端和后台是两个互不影响的2个程序，因为是两个程序，所以必须涉及到两个程序的交互；这就需要我们接下来学习的Ajax技术 Ajax: 全称Asynchronous JavaScript And XML 异步的JavaSc ......
vue3使用kindeditor富文本编辑器组件，支持上传图片（接口或base64）
参考文章：https://blog.csdn.net/qq_27936291/article/details/124768989 1.安装插件 npm i @zhj-target/vue3-kind-editor --save 或者 yarn add @zhj-target/vue3-kind-ed ......
实验4 现代C++标准库与类模板
实验任务5 #pragma once #include<iostream> #include<string> using namespace std; class TextCoder { public: TextCoder() = default; TextCoder(string str); st ......
vue中的watch监听器
方法一： 当监听某一属性的变化时，建议直接使用函数写法 const vm = new Vue({ el:'#app', data:{ username:'' }, watch:{ username(newVal,oldVal){ console.log(newVal,oldVal) } } }) 方 ......
vue导入excel表格
1.vue导入模版信息。进行数据操作 首先要安装 npm install file-saver npm install xlsx npm install script-loader，在src下面创建一个excel文件夹，查创建2个js（Blob.js,Export2Excel.js） utils/v ......
vue 甘特图：选择与初始化甘特图
1.功能使用背景： 甘特图是一种项目管理工具，以图形直观的方式显示项目的时间轴和任务计划，为了可扩展和定制相关任务的开发，故此选择dhtmlx-gantt 2.vue3 初始化甘特图 gantt 2.1 下载安装 dhtmlx-gantt 依赖包 复制代码 npm install dhtmlx-ga ......
Vue-加入购物车-判断token添加登录提示
Vue-加入购物车-判断token添加登录提示 目标：给未登录的用户，添加登录提示 说明：加入购物车，是一个登录后的用户 才能进行的操作，所以需要进行鉴权判断，判断用户token是否存在 若存在：继续加入购物车操作 不存在：提示用户未登录，引导到登录页，登录完回跳 addCart () { // 判 ......
vscode 连接本地虚拟机 Linux 系统
vscode 远程连接本地虚拟机中 Linux 系统 虚拟机配置 修改虚拟机的网络设置，将设置->网络->网卡1中的链接方式修改为桥接网卡 待验证 在网络中选择本地地址转换+端口转发 Linux 配置 Linux 安装 ssh 服务器 检查 ssh 服务器是否已经开启成功 systemctl sta ......
Vue中自定义组件监听事件传参
自定义数字框组件如下 <template> <div class="count-box"> <button @click="handleSub" class="minus">-</button> <input :value="value" @change="handleChange" class=" ......
vue实现页面全屏、局部全屏等多方式全屏
1、vuex创建全局变量在store/index中： import Vuex from 'vuex' Vue.use(Vuex) const user = { state: { // 全屏 fullscreen: false, }, mutations: { // 全屏 SET_FULLSCREEN ......
安装 Vue 开发者工具：装插件调试 Vue 应用
（1） 通过谷歌应用商店安装 （国外网站） （2） 极简插件: 下载 → 开发者模式 → 拖拽安装 → 插件详情允许访问文件 https://chrome.zzzmh.cn/index 下载的文件，解压。 chrome浏览器，右上角点击-》更多工具=》扩展程序。打开开发者模式 将解压的文件拖到空白区 ......
vite + vitest + element Plus + vue3
遇到问题： 1. TypeError: Unknown file extension ".scss" for D:\workspace\ai_plat_front\node_modules\element-plus\theme-chalk\src\base.scss Serialized Error ......
PIP换源_Pycharm快捷键_自定义文件头模板
【一】PIP更换国内源 永久换源 打开控制台或终端，并输入以下命令： pip config set global.index-url https://mirrors.aliyun.com/pypi/simple/ 更改pip源后，可以通过以下命令验证： pip config get global.i ......
实验4 现代C++标准库与类模板
实验任务1 源代码： #include <iostream> using std::cout; using std::endl; // 类A的定义 class A{ public: A(int x0, int y0): x{ x0 }, y{ y0 } {} void show() const { ......
半圆形进度条(vue加强版)
<template> <div class="circle-progress"> <h2>半环形进度条DEMO</h2> <canvas id="canvas" width="150" height="150"></canvas> <div class="btns"> <van-button @cl ......