树形 结构filter vue

uniapp项目迁移至vue cli

目录相关资源注意事项安装vue cli使用uni-preset-vue模板创建uniapp拷贝文件安装依赖main.jsuni.scsspages.jsonvue.config.jshttp请求/响应拦截器H5跨域配置运行与发布 相关资源 uni-preset-vue 源码 uniapp 官网 uV ......
项目 uniapp cli 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

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

基础数据结构与算法

目录基础数据结构与算法概述线性表链表栈队列树图排序查找 基础数据结构与算法 概述 线性表 链表 栈 队列 树 图 排序 查找 ......
数据结构 算法 结构 基础 数据

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

C语言使用条件编译导致结构体赋值“不正确”的问题

首先当你遇到任何觉得是编译器有问题的情况时一定坚定一个信念:“编译器不会有问题” 这回我遇到的问题看上去就很像编译器有问题,但排查下来最终发现还是自己的问题,我将这个问题简化后是这样的:取出一个结构体中的成员的值,在有些文件中取出来是正确的,有些文件中取出来是不正确的。 复现方法如下,需要编写4个文 ......
条件 语言 结构 问题

backdrop-filter:为元素后面区域添加图形效果

backdrop-filter:为元素后面区域添加图形效果 该属性可以让你为一个元素后面区域(即背景区域)添加图形效果(如模糊或颜色偏移)。它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明。作用于元素背后的区域所覆盖的所有元素 与filter的区别:filter作用于元素本身 ......

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基础知识不牢固等等。 那我痛定思痛,有缺点咱就认咯。算法——代码随想 ......
八股文 八股 笔试 算法 文档

【代码块】-结构体序列化与反序列化

整理代码块 代码块整理后存储,供后期使用 结构体序列化与反序列化 using System; using System.Runtime.InteropServices; using System.Text; namespace structTest { /// <summary> /// 结构体序列 ......
序列 结构 代码

Vue3

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

金牌导航-数据结构优化DP

数据结构优化DP 例题A题解 设 \(f_{i,j}\) 表示以第 \(i\) 位为结尾,长度为 \(j\) 的严格单调上升子序列的数量。 那么显然有 \(f_{i,j}=\sum_{k=1}^{i-1}f_{k,j-1}\times(a_k<a_i)\) 然后发现这玩应 \(O(n^2m)\) 直 ......
数据结构 金牌 结构 数据

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

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 ......

流程控制之for循环结构

1.for循环使用场景 1. 需要反复、重复执行的任务 2. 如创建100个用户,打印一百遍 chaoge666、插入数据库一万条数据等。 2.for语法 for 变量名 in 取值列表 do 每次循环要执行的命令 done # for默认以空格分割独立的元素 3.for循环几个场景 3.1 循环多 ......
流程 结构 for

TCP/IP体系结构 Socket介绍

转载:用大白话解释什么是Socket - 知乎 (zhihu.com) 前言 我在去年就学习过Java中Socket的使用,但对于Socket的理解一直都是迷迷糊糊的。看了网上很多关于Socket的介绍,看完还是不太理解到底什么是Socket,还是很迷。直到最近在学习计算机网络,我才对Socket有 ......
体系结构 体系 结构 Socket TCP

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

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

VUE3学习基础之模板语法

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

Vue上传文件夹的实现

一、上传文件夹基本流程 在Vue中,上传文件夹的基本流程如下: 1. 用户在页面中选择要上传的文件夹; 2. 将该文件夹中的所有文件进行遍历; 3. 将遍历出来的每个文件使用 formData 对象进行处理; 4. 把所有处理好的 formData 对象上传到服务器。 二、选择要上传的文件夹 在Vu ......
文件夹 文件 Vue

vue3学习笔记(四)

表单输入绑定 <!-- 文本 (Text) --> <input v-model="message" placeholder="edit me" /> <p>Message is: {{ message }}</p> <!-- 多行文本 (Textarea) --> <textarea v-mode ......
笔记 vue3 vue