模版 语法vue3 vue

vue实现文件上传,前后端

前端封装el-upload组件,父组件传值dialogVisible(用于显示el-dialog),子组件接收,并且关闭的时候返回一个值(用于隐藏el-dialog),最多上传五个文件,文件格式为.jpg\pdf\png <template> <div> <el-dialog width="30%" ......
文件 vue

# vue 使用 html2canvas 截取图片保存

vue 使用 html2canvas 截取图片保存 好久没有写博文了,写够了,没啥想写的了,这个号算是废了,哎,气人啊!越来越胖,越来越懒了。 html2canvas 简介 html2canvas是一个JavaScript库,它可以将HTML元素转换为Canvas元素。具体来说,它可以将整个页面或特 ......
html2canvas 2canvas canvas 图片 html2

vue封装上传图片

一。在components下新建 upLoadImg / index.js <template> <div> <el-upload class="avatar-uploader" action="111" :show-file-list="false" :auto-upload="false" :o ......
图片 vue

vue上传图片到指定文件夹

vue代码<template> <div class="app-container"> <div class="wenben"> <el-upload :disabled="dis==0?true:false" class="upload-demo" :action="uploadUrl" :on- ......
文件夹 文件 图片 vue

【模版】前缀和

问题引入: 【洛谷P8218】 ## 题目描述 给定 $n$ 个正整数组成的数列 $a_1, a_2, \cdots, a_n$ 和 $m$ 个区间 $[l_i,r_i]$,分别求这 $m$ 个区间的区间和。 对于所有测试数据,$n,m\le10^5,a_i\le 10^4$ 最朴素的想法,就是对于 ......
前缀 模版

vue3+vite动态引入图片(import.meta.glob)

Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件,但实际上这个方法就是 很多import语句的集合而已,import是可以引入图片的,所以import.meta.glob 也同样可以引入图片资源,只不过需要加入配置项 as:'url' 就可以了 ......
动态 import 图片 vue3 vite

Vue模版(主要对axios进行了封装)

Vue模版 一、优势: vue-router(包含前后置路由守卫) axios的多次封装,aixos集中管理 html、js、css、vue文件的代码规范化 引入elementui 二、环境 Node20可正常运行 三、使用方法 1.安装依赖 npm install 2.运行脚手架 npm run ......
模版 axios Vue

P5431 【模版】模意义下的乘法逆元 2

给定 \(n\) 个正整数 \(a_i\),求它们在模 \(p\) 意义下的乘法逆元。 逆元是模意义下的倒数,能够将模意义下无法直接计算的除法转化为乘法。 先来总结一下常用的求单个逆元的方法: 扩展欧几里得:\(O(\log n)\) 地求一个数的逆元,要求 \(a,p\) 互质即可(\(p\) 为 ......
乘法 模版 意义 P5431 5431

【模版】插入排序

插入排序是一种最简单直观的排序算法,它的工作原理是通过构建有序序列,对于未排序数据,在已排序序列中从后向前扫描,找到相应位置并插入。 算法步骤: 将第一个数组元素视为有序元素,后面的数组元素视为一段无序序列。 从第二个元素开始,每个元素一直和前面的元素比较,如果待插元素比正在比较的元素小,那么把有序 ......
模版

C/C++语法基础目录

目录C/C++语法基础目录前言程序语言简介三大控制结构批量数据存储模块化编程指针自定义数据类型文件面向对象封装继承多态 C/C++语法基础目录 前言 使用过较多的教学书籍,有很多不错的书籍,但是并不是那么切合自身的教学习惯,于是此书被拉开了帷幕。 本书的第一次落键是在2023年12月21日,大概预计 ......
语法 基础 目录

vue中下载--后端返回的文档流

实现后端返回的文档流,点击下载 <div class="prom-add" @click="downLoad"><i class="el-icon-download"></i>下载</div> import request from '@/router/axios' //下载 async downL ......
文档 vue

vue 超链接 a标签 router-link

router-link https://blog.csdn.net/lixinyi0622/article/details/107206218/ https://blog.51cto.com/u_15082403/4634663 ......
router-link 标签 链接 router link

vue上传文件夹

方法1:jq import $ from 'jquery' <form id="frm-reg" :action="actionUrl"//上传地址 method="post" webkitdirectory accept="multipart/form-data" enctype="multipa ......
文件夹 文件 vue

Vue中动态(import 、require)显示img图片

vue中,经常会遇到显示图片的问题, 如果是一个普通组件的话,那么这样就可以了 <img src="../assets/images/avtor.jpg" width="100%"> 上文的弊端有两个: 首先,是采用绝对路径引入。如果以后图片移动了位置,需要修改代码。 其次,如果说图片是一个logo ......
require 动态 import 图片 Vue

Vue项目引入图片的两种场景和三种方式

场景一:public目录下的图片 public目录 public目录下的图片引入方式: Bash <!--'/images/'+图片名称,这种属于绝对路径,/指向public目录 --> <img src="/images/image.png"> 场景二:在src目录下的图片 src目录 通过imp ......
场景 方式 项目 图片 Vue

模版方法 Templatemethod

一、定义 定义了一个算法的骨架,并允许子类为一个或多个步骤提供实现 模版方法使得子类可以在不改变算法结构的情况下,重新定义算法的某些步骤 二、适用场景 一次性实现一个算法的不变部分,并将可变的行为留给子类来实现 各子类中公共行为被提出来并集中到一个公共子类中,从而避免代码的重复 适合提供钩子方法 三 ......
Templatemethod 模版 方法

vue vue3 jsx tsx

0. 安装插件(@vitejs/plugin-vue-jsx) vite官方提供了官方的插件来支持在vue3中使用jsx/tsx,直接安装就行。 yarn add @vitejs/plugin-vue-jsx -D 安装完之后在vite.config.ts中插入一下代码 import vueJsx  ......
vue vue3 jsx tsx

边做笔试边查缺补漏——算法、js基础、vue3官方文档、八股文

边投简历边完善自己的知识库。 最近这些天一直在面试和笔试+投简历中,每次面试或笔试完后其实最重要的不是结果,而是做题的过程或者说对话的过程。因为只有这些才让我知道自己哪里还有不足,比如一碰到算法题就歇菜、vue3和vue2混用、js基础知识不牢固等等。 那我痛定思痛,有缺点咱就认咯。算法——代码随想 ......
八股文 八股 笔试 算法 文档

Vue3

1、ref和reactive 原来reactive是一个对象类型,使用reactive重新赋值一个对象不起作用 <script lang="ts" setup> import {reactive} from "vue"; let user = reactive({name: '小明', age: 1 ......
Vue3 Vue

P5091 【模版】扩展欧拉定理

求 \(a^b \bmod m, b\le 10^{200000}\)。 首先引入三种可以通过取模缩小幂指数的方法。 费马小定理:当 \(a,p\in \mathbb{Z},\space p\) 为质数且 \(p\nmid a\) 时,\(a^{p-1}\equiv 1(\bmod\space p) ......
定理 模版 P5091 5091

【模版】冒泡排序

刚学C++时书上就会写这个qwq属于最简单的排序算法惹。 算法步骤 比较相邻的元素。如果第一个比第二个大,就交换他们两个。 对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对。这步做完后,最后的元素会是最大的数。 针对所有的元素重复以上的步骤,除了最后一个。 持续每次对越来越少的元素重复上面 ......
模版

【模版】选择排序

选择排序(Selection sort)是一种简单直观的排序算法。 1. 基本思想 首先在未排序序列中找到最小(大)元素,存放到排序序列的起始位置,然后,再从剩余未排序元素中继续寻找最小(大)元素,然后放到已排序序列的末尾。以此类推,直到所有元素均排序完毕。 选择排序的思想其实和冒泡排序有点类似,都 ......
模版

【模版】计数排序

引入:P1271 【深基9.例1】选举学生会 在实际中,一般会在投票区放n个投票箱,投完后只需要计数每个投票箱即可。就此可引入计数排序。 本题AC代码(虽然这题直接sort就行了...) #include<iostream> using namespace std; int a[1010]={0}, ......
模版

vue3 静态配置文件

前言 有时候我们负责做的只是一个大平台系统下的某个子系统,有时候我们需要调用这个大平台系统下别的子系统的接口。 如果直接把别的接口地址,直接写在代码里,那么如果别的子系统的接口调整了,会影响到我们的系统,我们还要重新打包,部署,会很繁琐。 解决思路 我们的想法是这样: 敲代码的时候,如果要引用其他人 ......
静态 文件 vue3 vue

Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装

项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求,支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹,并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts 文件 ......
Typescript request Vite4 Pinia Vite

【转载】Typora 的 Markdown 语法

原文地址: Typora 的 Markdown 语法 详细见原文: https://support.typoraio.cn/zh/Markdown-Reference/ ......
语法 Markdown Typora

Vue项目 移动端禁止页面放大缩小

Vue项目 移动端禁止页面放大缩小(在安卓上可以实现禁止放大缩小,但是ios就不行) // index.html 中添加 meta 标签 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sca ......
页面 项目 Vue

Vue使用vue-simple-uploader上传文件夹

Vue使用vue-simple-uploader上传文件夹先睹为快1 点击上传“上传文件夹”按钮 2 选择文件夹 3 确定上传 4 上传进度 引入控件install npm install vue-simple-uploader --savemain.js配置 import uploader fro ......

vue引入ts报找不到模块或其相应的类型声明

我出现这个的原因是我配置了‘@/’的路径别名配置,然后在引入ts报了这个问题。 主要原因为:在查找ts文件的时候,路径出现了问题。 解决方法(主要是第二点,第一点单纯记录了我配置的别名路径) 1.vite.config.ts进行了'@/'的别名配置 resolve: { // 路径别名配置 alia ......
模块 类型 vue

VUE3学习基础之模板语法

我的vue3学习之路总是学学停停,最开始在18年开发微信小程序,就发现小程序和vue的语法有些相似,然后就去看了vue2的文档,随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3,有了组合式api,语法简明很多,然后又不知道忙什么丢下。。。 前段有些空时间,就把vue3的学习整理下,使用vi ......
语法 模板 基础 VUE3 VUE