大小 模板vue
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> ......
调整窗口大小 window.resize
window.onresize = function(){} window.addEventListener('resize',function() {}); 作用：是调整窗口大小加载事件，当触发时就调用的处理函数 注意 只要窗口大小发生像素变化，就会触发这个事件。 我们经常利用这个事件完成响应式布 ......
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 () { // 判 ......
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 ......
vue2+element 多选框多选时不换行（el-select组件）调整为鼠标左右滑动查看
1 <el-select v-model="name" multiple placeholder="请选择" > 2 <el-option label="A" value="a"></el-option> 3 <el-option label="B" value="b"></el-option> 4 ......
vue项目如何可以设置为支持iis的虚拟目录
vue项目使用的是webpack打包工具生成的。 更改：/config/index.js文件中把build对象下的assetsPublicPath由 值 /改为 ./ ，加上一个英文圆点 /build/utile.js文件中ExtractTextPlugin.extract节点增加publicPat ......
实验4 现代C++标准库与类模板
实验任务5TextCoder.hpp源码 1 #include<iostream> 2 #include<string> 3 4 using std::string; 5 6 class TextCoder { 7 private: 8 string text; 9 void encoder(); ......
vue2跨级组件传值
//祖先组件 import Son from './Son' export default { components: { Son }, provide () { return { money: 1000000000 } } } 子孙组件 <template> <div> 孙子组件 <p>这个是爷爷 ......
vue2兄弟组件传值
// 1 创建一个公共的vue实例(bus) import Vue from 'vue' const bus = new Vue() export default bus <!-- brother1--> <template> <div> 兄弟1组件 <p> <button @click="send ......
【GD32307E-START】开发板开箱、开发环境建立及工程模板测试
01-GD32F307E-START+开箱、开发环境建立及工程模板测试（Keil-MDK GCC Template） 兆易GD32307E-START开发板搭载GD32 ARM Cortex-M4微控制器主流芯片GD32F307。 开箱 板子的做工还是非常精良小巧的。有两颗按键，一颗是复位，一颗是用 ......
VUE项目的创建方式
第一种：安装node ， cnmp先。 npm init vue@latest 第二种： 先安装vue cli 文件名为vue-name vue creae vue-name ......
VUE 安装环境
安装vue 工具 cnpm install -g @vue/cli 验证是否安装成功 vue --version 创建VUE项目(vue-demo，名字要小写) vue create vue-demo ......
NetCore使用SkiaSharp库对给定路径的图片进行大小缩放，要适当考虑等比率缩放，以高度为准，宽度自适应
SkiaSharp库是跨平台的2D图片操作库，在夸平台方面比较稳定，且支持常用的“windows操作”：缩放，剪裁，格式转换等。 例如：如果要按照原始图片高度为准，自动调整宽度进行等比例缩放，可以根据以下步骤使用SkiaSharp库进行操作： 导入SkiaSharp命名空间： using SkiaS ......
#P1042. 静态RMQ[ST表模板]
题意是：给定一个长度为 N 的数列，和 M 次询问，求出每一次询问的区间内数字的最大值。 ST表的基本功能是对区间进行查询，其核心使用的是倍增的思想 f[i][k]:意思是从第i个数开始往后2^k个数 f[i][k]=max(f[i][k-1],f[i+2^k-1][k-1]) 求【l,r】区间 m ......