脚手架vue day 34

drf 入门到精通 04days 序列化完善……

序列化类常用字段 除了CharField 以外,还要很多别的 》表模型中 models.CharField >基本一一对应# 如果跟 表模型中对不上:你统一用 CharField 字段字段构造方式 BooleanField BooleanField() NullBooleanField NullBo ......
序列 days drf 04

vue js中,利用json数据临时生成一个可下载csv的功能

downloadCSV(data, fileName) { // 将数据转换为CSV格式 const csv = this.convertToCSV(data); // 创建一个Blob对象 const blob = new Blob([csv], { type: 'text/csv' }); // ......
功能 数据 json vue csv

Vue3节流指令封装

节流指令 import { ObjectDirective } from 'vue' interface ThrottleEl extends HTMLElement { throttleEvent: () => void } // 节流指令封装 const throttleDirective: O ......
指令 Vue3 Vue

vue2 混入 (mixin) 带来的小惊喜

最近在review自己写的代码时发现,在很多的地方都用了以下的代码块 1 async initCode() { 2 const resSource = await this.$API.syscode.list.get({ 3 typeCode: "source", 4 type: 3, 5 }); ......
mixin vue2 vue

vue-cli如何正确设置publicPath保证打包部署后静态资源路径正确的问题

vue-cli如何正确设置publicPath保证打包部署后静态资源路径正确的问题:<a/ target="__blank" href="https://blog.csdn.net/qq_42991509/article/details/119023191?utm_medium=distribute ......
静态 publicPath 路径 vue-cli 问题

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

day02-MySQL

数据库-MySQL 1. 数据库基础操作 mysql -u用户名 -p密码 [-h数据库服务器的IP地址 -P端口号] -h 参数不加,默认连接的是本地 127.0.0.1 的MySQL服务器,-P参数不加,默认连接的端口号是 3306 eg. mysql -uroot -p1234 查询所有数据库 ......
MySQL day 02

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

python自学day02-变量、标识符、赋值符、数据

变量 在day01我们学习了一个最简单的程序,今天我们来说说,英文重要吗?我的看法重要,因为在后面我们学习的话。基本上都是英文的,最基本都要有一定的阅读能力。 至于作者那英语必须.......................差。没办法,实在是英语认识我,我不认识他,所以,在这里我们把昨天看到的英语记 ......
标识符 变量 标识 数据 python

Python自学day01-安装

Python自学day01-安装 在学习Python第一步应该干什么呢? 学习计算机基础?了解Python语言的作用?都不用,开始我们先下载两个软件,编写一行代码,先体验下在说。 安装Python Python官网在官网的Downloads栏目,选择对应的操作系统 下载python的安装程序Wind ......
Python day 01

算法学习Day8反转字符串的一天

Day8反转字符串的一天 By HQWQF 2023/12/20 笔记 344.反转字符串 编写一个函数,其作用是将输入的字符串反转过来。输入字符串以字符数组 char[] 的形式给出。 不要给另外的数组分配额外的空间,你必须原地修改输入数组、使用 O(1) 的额外空间解决这一问题。 你可以假设数组 ......
字符串 算法 字符 Day8 Day

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

Day34 可变参数

可变参数 JDK 1.5开始,Java支持传递同类型的可变参数给一个方法。 在方法声明中,在指定参数类型 后加一个省略号(...)。 一个方法中只能指定一个可变参数,它必须是方法的最后一个参数。任何普通的参数必须在它之前声明。 如:public void test(int x ,int...i){ ......
参数 Day 34

vue3 静态配置文件

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

代码随想录算法训练营Day 6| 242. 有效字母异位词、349. 两个数组的交集、202. 快乐数、1. 两数之和

题目和相关内容的链接 哈希表倒不是一种明确的容器,他更像是一种存储和处理数据的结构和思想,通过用空间换时间,通过索引的方式直接访问元素,从而大大降低了遍历容器的时间开销。所以哈希表是一种基于key - value的处理思路,在具体的实现过程中,会考虑到哈希函数、哈希碰撞(拉链法、线性探索法等等)。 ......
随想录 之和 训练营 数组 交集

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