大小 模板vue
Module parse failed: Unexpected token (7:27) File was processed with these loaders: * ./node_modules/vue-loader/dist/templateLoader.js * ./node_modules/vue-loader/dist/index.js 问题的解决
问题描述 由于自身用的是vue3的版本，所以原来的element组件只是适用于vue2，而vue3就是即便按照教程的步骤进行更改，还是依然报错，所以， 我们在使用组件的时候，就需要直接使用element-plus组件； 然而，在我引入新的组件之后，就出现了这样的错误： 满屏的红色呀！ 问题解决 经过 ......
线性基模板
插入 第 \(k\) 小 排名 最大异或和 struct basis { vector<ll>s; void insert(ll val) { for(int x:s)val=min(val,val^x); for(int &x:s)x=min(x,x^val); if(val)s.push_bac ......
【模板】最近公共祖先LCA——倍增
题目来自洛谷P3379 【模板】最近公共祖先（LCA） 【模板】最近公共祖先（LCA） 题目描述 如题，给定一棵有根多叉树，请求出指定两个点直接最近的公共祖先。 输入格式 第一行包含三个正整数 \(N,M,S\)，分别表示树的结点个数、询问的个数和树根结点的序号。 接下来 \(N-1\) 行每行包含 ......
vue-cli
1.安装node.js 下载链接：Node.js百度网盘链接 提取码：6666 安好后使用 cnpm -v查看版本是否成功 成功后直接安装vue脚手架 cnpm install -g vue-cli 安装webpack（打包） cnpm install webpack -g 2.创建项目 2.1 使 ......
ant design of vue 表格 默认,跨页勾选,翻页选择记忆勾选，数据回显勾选
需求 在使用ant design of vue 的table表格时需要让之前已选择的数据显示勾选状态，还要支持跨页勾选 思路 需要指定row-key绑定的值必须唯一 ant-design-vue的表格对于跨页勾选支持的非常友好，只要设置绑定一下rowKey就可以了，我这里绑定的是workerId 代 ......
【模板】左偏树（可并堆）
左偏树是一种支持合并的二叉堆。记 \(dis_u\) 表示点 \(u\) 到最近的叶子的距离，那么左偏树时刻满足 \(dis_u=dis_{rc}+1\land dis_lc\geq dis_rc\) 且它的深度是严格 \(O(\log n)\)。 template<int N,class T> s ......
快速初始化Vue3项目终端工具 x-init
https://github.com/zjy4fun/x-init 安装工具 npm install -g x-init 快速创建一个项目，只需`x projectName`即可快速创建项目，支持国内加速👀 x demo ......
vue项目安装依赖
目录🥇如果是别人的项目(标注：别人移除了modules文件夹)🥇如果是自己的项目或者自己要另外下载依赖🥈安装生产依赖🥈安装开发依赖🥈安装特定版本🥇卸载依赖 🥇如果是别人的项目(标注：别人移除了modules文件夹) # 可以执行下面这条命令下载依赖 npm install # 或者输入 ......
vue中使用xlsx插件前端读取解析excel文件
问题描述 工作中一般都是后端去解析excel数据，前端使用上传组件去将excel组件丢给后端，后端使用一些插件去解析excel（比如hutool工具类） 不过有些情况下，前端也需要去做一些excel的解析，比如产品经理说，在上传excel文件之前，要做一个excel的图表化预览审核查看啥的，没问题的 ......
js 大屏屏幕适配方案，同样适用Vue
vue项目写在 index.html文件下 以1920*1080为基准的屏幕做适配，在网上找的方案在全屏于非全屏时，效果会有一点点差距，所以对代码进行了改进。 如果网页不是全屏则需要加上任务栏高度、工具栏高度进行计算缩进。 我的项目是数据大屏项目一般都是全屏看，所以非全屏时会存在滚动条，并不是bug ......
如何在Vue3中配置国际化语言i18n
1. 安装 vue-i18n npm i vue-i18n -S 2. 创建一个i8n的配置文件 如：i18nConfig.js // 配置 vue-i18n 实现国际化语言设置 import { createI19n } from 'vue-i18n' import zh_cn from '../ ......
电脑上怎么修改图片的尺寸和大小？修改图片尺寸和大小的方法
修改图片的尺寸和大小是在处理图片时常见的需求。如果您需要将图片用于不同的用途，例如在网页上显示或者打印，那么您可能需要调整图片的尺寸和大小以适应特定的要求。本节内容小编就以智能抠图助手软件为例来给分享一下修改图片尺寸和大小的方法，一起来看看吧！ 智能抠图助手不仅可以帮助用户轻松抠出图片中的人物、物品 ......
扩容磁盘大小
cat>/root/non.txt<<EOF n p 3 Z w q EOF fdisk /dev/vda </root/non.txt partprobe /dev/vda pvcreate /dev/vda3 vgextend centos /dev/vda3 lvextend /dev/map ......
关于vue的 scoped
前沿 关于在vite中使用 less | sass npm install less -D npm install sass -D 在style标签注明： <style lang="less"></style> <style lang="scss"></style> scoped scoped实现组 ......
创建vue3的项目和目录结构讲解
本节目标 了解Vue3 项目的结构 学习Vue3 项目的基本开发知识 Vue3 和 Vue2的开发区别 全局安装vue-cli npm i -g @vue/cli vue create vue3-json-schema-form 自定义vue3 配置 自定义配置： 选择 [自定义] ，通过方向键上下 ......
vue可以使用this.$set()来进行强制更新，进而解决问题
可以使用this.$set()来进行强制更新，进而解决问题 对象操作： 三个参数：this.$set("改变的对象"，"改变的对象属性"，"值") 数组操作： 三个参数：this.$set("数组"，"下标"，"值") ......
index.html在webpack打包时动态生成index模板
通过<%= BASE_URL %>包裹环境变量 通过<% if (process.env.NODE_ENV 'production' ) { %> <% } %>包裹条件判断 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta co ......
大屏屏幕自适应大小的JS写法
本项目用的是vue开发，首先需要定义一下根节点app节点的大小，这里用1920的默认宽度定义 <style> #app { width: 1920px; margin: 0 auto; transform: scale(1); transform-origin: 0 0; } </style> js ......
Vue3+Axios网络请求封装（转）
转自：原文链接：https://blog.csdn.net/weixin_43295498/article/details/130939488 代码说明 代码主要分为以下几个部分： import导入模块。在这个代码段中，我们导入了axios和element-plus两个模块，并对其进行了解构。 定义 ......
移动网页字体大小随着页面自动切换
使用淘宝的框架 <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, minimal-ui, viewport-fit=c ......
vue3 表头显示小图标
<!-- 排班信息 --> <el-table v-resize:44 :data="tableData" class="table" border style='margin: 10px 0px' highlight-current-row element-loading-text="数据正在加载 ......
【源码】Vue.js 官方脚手架 create-vue 是怎么实现的？
最近系统学习了vue.js 的官方脚手架create-vue的源码，深入分析了里面的技术实现细节，本文是我整理的源码学习文章。 ......
vue 页面导出为pdf与word
vue 页面导出为pdf与word 一.导出为word 基于 docxtemplater 来导出word文档的方法 1.安装引用依赖 // 安装 docxtemplater npm install docxtemplater pizzip --save // 安装 jszip-utils npm i ......
使用Github Action在Github Pages上部署vue页面
Github Action部分： name: NodeJS on: push: branches: [ "master" ] # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages permissions: ......
注释模板
教程来源比较杂，出处不明，自己摸索着改了一点 javadoc 平常用showdoc写文档，又懒得装软件，showdoc提供的脚本还是蛮方便的 * * showdoc * @catalog 测试文档/用户相关 * @author * @title 用户注册 * @description 用户注册的接口 ......
Vue2x的自定义指令
在某些情况下，我们需要对底层DOM进行操作，而内置的指令不能满足需求，就需要自定义指令。一个自定义指令由一个包含类似组件的生命周期的钩子的对象来定义，钩子函数会接收到指令所绑定的元素作为参数。 定义指令 常用两种方式进行自定义指令，一种是全局定义，另一种在当前组件中定义 // 局部定义 export ......
vue兄弟组件传参
实现兄弟组件之间的参数传递可以通过以下方法： 使用共同的父组件来传递参数。 在父组件中定义一个数据属性，用于保存需要传递给兄弟组件的参数。 Copy export default { data() { return { message: 'Hello', }; }, }; 在父组件的模板中引用两个兄 ......
vue~对象的浅拷贝
浅拷贝 上面对浅拷贝的解释是否有问题？具我所知，浅拷贝只是复制了对象的属性，而复制出来的对象的引用与原始对象是不同的，这就是说，在修改新对象时，它不会影响到原始对象。 javascript中的实现 JavaScript 中可以使用不同方法实现对象的浅拷贝。浅拷贝只复制对象的第一层属性，不会复制嵌套对 ......
Vue3中的几个坑，你都见过吗？
Vue3 目前已经趋于稳定，不少代码库都已经开始使用它，很多项目未来也必然要迁移至Vue3。本文记录我在使用Vue3时遇到的一些问题，希望能为其他开发者提供帮助。 1. 使用reactive封装基础数据类型 传统开发模式中，数据声明很简单。但是在Vue中有多个响应式变量声明方式，整体的使用规则如下： ......