属性 笔记vue
django+vue实现文件夹上传
最近学django的文件上下传，网上的文件夹上下传压根没有，找了好几个，报错一大堆，没有一个能用，花里胡哨，可气！！！下面这个方法是我刚刚用过的，分享给大家。 前端vue非常简单，template部分 <input type="file" id="twos" webkitdirectory/><el ......
vue3--使用ref获取Dom元素
vue2中，ref使用： 在 div 元素上绑定了 ref 属性，并命名为 hello，接下来我们直接使用 this.$refs.hello 的方式就可以获取到该 DOM 元素了。 <template> <div id="app"> <div ref="hello">Vue2，ref获取dom元素< ......
Unity ComputeShader笔记
#pragma kernel CSMain //定义核心函数 RWTexture2D<float4> Result;//这声明了一个变量，它包含的数据是shader程序将要用到的。我们不需要用到网格mesh数据，你需要像这样明确的声明，你的compute shader需要写入读出什么数据。数据类型名 ......
基于vue3和elementplus实现的自定义table组件
基于vue3和elementplus实现的自定义table组件，集成查询工具栏分页，可通过配置直接实现基础的列表页基于vue3和elementplus实现的自定义table组件，集成查询工具栏分页，可通过配置直接实现基础的列表页 目录结构如下： 类型声明： declare type DictType ......
vue3 + xlsx 实现 excel 导入web页面解析成json数据
vue3 + xlsx 实现 excel 导入web页面并解析成json数据 fileIipt 动态创建的标签，一定要用户点击事件触发，不然文件选择框的弹出会被拦截，无法弹出。意思就是下面这段关键代码要用一个事件区触发执行，不能主动执行（比如：vue的钩子） import * as XLSX fro ......
vue js中，利用json数据临时生成一个可下载csv的功能
downloadCSV(data, fileName) { // 将数据转换为CSV格式 const csv = this.convertToCSV(data); // 创建一个Blob对象 const blob = new Blob([csv], { type: 'text/csv' }); // ......
Vue3节流指令封装
节流指令 import { ObjectDirective } from 'vue' interface ThrottleEl extends HTMLElement { throttleEvent: () => void } // 节流指令封装 const throttleDirective: O ......
vue2 混入 (mixin) 带来的小惊喜
最近在review自己写的代码时发现，在很多的地方都用了以下的代码块 1 async initCode() { 2 const resSource = await this.$API.syscode.list.get({ 3 typeCode: "source", 4 type: 3, 5 }); ......
vue-cli如何正确设置publicPath保证打包部署后静态资源路径正确的问题
vue-cli如何正确设置publicPath保证打包部署后静态资源路径正确的问题：<a/ target="__blank" href="https://blog.csdn.net/qq_42991509/article/details/119023191?utm_medium=distribute ......
uniapp项目迁移至vue cli
目录相关资源注意事项安装vue cli使用uni-preset-vue模板创建uniapp拷贝文件安装依赖main.jsuni.scsspages.jsonvue.config.jshttp请求/响应拦截器H5跨域配置运行与发布 相关资源 uni-preset-vue 源码 uniapp 官网 uV ......
vue实现文件上传，前后端
前端封装el-upload组件，父组件传值dialogVisible（用于显示el-dialog），子组件接收，并且关闭的时候返回一个值（用于隐藏el-dialog）,最多上传五个文件，文件格式为.jpg\pdf\png <template> <div> <el-dialog width="30%" ......
SQL SERVER上课笔记
SQL 数据库 笔记 ############## 目录 SQL 数据库 笔记############## 一、初次使用数据库 .二、用SSMS工具工具采用图形化的方法创建数据库（第二种方法通过T-SQL语句创建数据库） 三、利用T-sql创建数据库 四、删除数据库 五、数据库的相关操作分离，附加， ......
# vue 使用 html2canvas 截取图片保存
vue 使用 html2canvas 截取图片保存 好久没有写博文了，写够了，没啥想写的了，这个号算是废了，哎，气人啊！越来越胖，越来越懒了。 html2canvas 简介 html2canvas是一个JavaScript库，它可以将HTML元素转换为Canvas元素。具体来说，它可以将整个页面或特 ......
vue封装上传图片
一。在components下新建 upLoadImg / index.js <template> <div> <el-upload class="avatar-uploader" action="111" :show-file-list="false" :auto-upload="false" :o ......
vue上传图片到指定文件夹
vue代码<template> <div class="app-container"> <div class="wenben"> <el-upload :disabled="dis==0?true:false" class="upload-demo" :action="uploadUrl" :on- ......
vue3+vite动态引入图片（import.meta.glob）
Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件，但实际上这个方法就是 很多import语句的集合而已，import是可以引入图片的，所以import.meta.glob 也同样可以引入图片资源，只不过需要加入配置项 as:'url' 就可以了 ......
Vue模版（主要对axios进行了封装）
Vue模版 一、优势： vue-router（包含前后置路由守卫） axios的多次封装，aixos集中管理 html、js、css、vue文件的代码规范化 引入elementui 二、环境 Node20可正常运行 三、使用方法 1.安装依赖 npm install 2.运行脚手架 npm run ......
vue中下载--后端返回的文档流
实现后端返回的文档流，点击下载 <div class="prom-add" @click="downLoad"><i class="el-icon-download"></i>下载</div> import request from '@/router/axios' //下载 async downL ......
vue 超链接 a标签 router-link
router-link https://blog.csdn.net/lixinyi0622/article/details/107206218/ https://blog.51cto.com/u_15082403/4634663 ......
vue上传文件夹
方法1：jq import $ from 'jquery' <form id="frm-reg" :action="actionUrl"//上传地址 method="post" webkitdirectory accept="multipart/form-data" enctype="multipa ......
Vue中动态（import 、require）显示img图片
vue中，经常会遇到显示图片的问题， 如果是一个普通组件的话，那么这样就可以了 <img src="../assets/images/avtor.jpg" width="100%"> 上文的弊端有两个： 首先，是采用绝对路径引入。如果以后图片移动了位置，需要修改代码。 其次，如果说图片是一个logo ......
Vue项目引入图片的两种场景和三种方式
场景一：public目录下的图片 public目录 public目录下的图片引入方式： Bash <!--'/images/'+图片名称，这种属于绝对路径，/指向public目录 --> <img src="/images/image.png"> 场景二：在src目录下的图片 src目录 通过imp ......
《代码大全2》阅读笔记
《代码大全2》是一本非常经典的软件开发书籍。 在书中，强调了比较优秀的代码结构和命名规范的重要性。书中注释的部分帮助我理解怎么去编写有意义的注释，合适的注释可以提供代码理解上的便利，但是过多或者无关的注释会干扰代码的可读性。 还有书中关于代码复用和模块化的内容帮助学习如何设计可重用的代码和模块，提高 ......
《构建之法》读书笔记（三）
《构建之法》，读这本书教会了我在团队开发时的团队合作。 首先是代码规范：1.代码风格规范。 2.代码设计规范。 一.代码风格规范 1.缩进：一般用四个空格的距离，从可读性来说正好。 2.行宽：行款可以限定为100字符。 3.断行与空白的{}行：尽量 if(a) { doit(); } else { ......
《重构：改善既有代码的设计》读书笔记二
二、代码的坏味道 1、Duplicated Code(重复代码) 坏味道首当其冲的就是Duplicated Code，如果你在一个以上的地点看到相同的重复结构，那么这个坏味道就可以确定了，设法将它们合而为一 同一个类中两个或更多的函数含有相同的表达式 利用Extract Method（提炼方法）提炼 ......
Java序列化和反序列化 Serializable BeanUtils.copyProperties赋值属性方法
Java序列化和反序列化 Serializable BeanUtils.copyProperties赋值属性方法 package com.example.core.mydemo.java; import com.example.core.mydemo.json2.GsonUtils; import ......
高等数学学习笔记 | 1.关于学校课时安排和个人学习方式的体会
高等数学是一门基础课，是一门非常基础的大学课程。 基础到什么程度呢？几乎每个专业的同学都有学习这门课的内容，同时这门课具有比较高的学分比重。 而且高等数学也是考研数学中占比很高的一部分。 这就导致了一个现象，首先，高等数学的应试化体系已经非常成熟了，但是学生们仍然感到学习障碍大。 一部分学生投入了很 ......
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 ......