脚手架vue day 35

def入门-精通 。。。05day

写个装饰器 》装饰了视图函数(FBV) >后续request.data >请求体中数据无论那种编码 # 装饰器 from urllib import parse def outer(func): def inner(request, *args, **kwargs): # func 就是视图函数,第 ......
def day 05

[VUE] WebPack 打包后自动修改 dist 中 package.json 版本号

我们在开发 npm 包时,开发期的 package.json 通常并不一定是发布到 npm 仓库的 package.json。这种情况下每次改版本号需要改两个地方,比较麻烦。 我一般使用 webpack 进行打包,所以有了下面这个小插件。 插件源码 modify.version.plugin.js ......
WebPack package 版本 dist json

巧妙使用Vue.extend继承组件实现el-table双击可编辑(不使用v-if和v-else)

问题描述 有一个简单的表格,产品要求实现双击可编辑 看了一下网上的帖子,大多数都是搞两部分dom,一块是输入框,用于编辑状态填写;另一块是普通标签,用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态。大致代码如下: <el-tabl ......
组件 el-table extend v-else table

vue3 + java 查询数据前后端时间不一致如何解决?

环境:vue3 + springboot + mybatis + mysql 场景:后端返回的时间与前端接收到的时间,小时不一致, 时间格式是古巴标准时间:"CST" 解决:在 Entity 中时间字段上增加注解: @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss ......
时间 数据 vue3 java vue

vue实现大文件分片上传与断点续传到七牛云

问题: 前段时间做视频上传业务,通过网页上传视频到服务器。 视频大小 小则几十M,大则 1G+,以一般的HTTP请求发送数据的方式的话,会遇到的问题: 1、文件过大,超出服务端的请求大小限制; 2、请求时间过长,请求超时; 3、传输中断,必须重新上传导致前功尽弃; 探索过程: 1、原先咨询过组里的大 ......
断点 文件 vue

vue3调用高德地图,实现地址,经纬度填写

父组件引用高德地图: 1 <template> 2 <div class="wrapper"> 3 <div class="box"> 4 <div class="form-box"> 5 <el-form 6 label-position="top" 7 :inline="true" 8 :mod ......
经纬度 经纬 地址 地图 vue3

前端 vue项目启动报错 spawn cmd ENOENT 的原因以及解决方案

前端项目启动到一半的时候卡在跳转浏览器出现了 这个问题 那么问题大概率就是你环境刚配置或者配置错了的问题,这个时候只需要 找到 我的电脑 => 属性 => 高级系统设置 => 环境变量 => 系统变量 => PATH 环境 => 双击进去 => 添加环境变量 => 添加这俩个 C:\Windows\ ......
前端 解决方案 原因 方案 项目

vue-slot 插槽使用 遍历插槽

<!-- 内部直接使用的插槽 --> <template #chart> <KeepAlive> <component v-bind="$attrs" :exName="exName" :tableData="tableData" :analysisDetail="analysisDetail?.[ ......
vue-slot slot vue

Vue + Django 使用wangeditor 上传图片 显示跨域报错

报错: newsDetailed:1 Access to XMLHttpRequest at 'http://www.py32api.com:8000/users/uploadFile/' from origin 'http://localhost:8080' has been blocked by ......
wangeditor Django 图片 Vue

VUE 图片识别

1、安装依赖 // 安装Element-UI npm install element-ui --save // 安装 ocr 和 ocrdet npm i @paddlejs-models/ocrdet@0.0.3 --save npm i @paddlejs-models/ocr@1.1.2 -- ......
图片 VUE

day 1 复习

day1 复习 1.什么是编程语言:人与计算机交流的介质 2.什麽事编程:用编程语言编写一堆文件 3.为什么要编程:奴役计算机,解放劳动力 4.计算机五大组成 CPU 1.控制器:控制硬件 2.运算器:逻辑运算与算数运算 内存 1.优点:速度快 2.缺点:断电即消失 外存(硬盘,光盘,磁带) 1.优 ......
day

vue ssr里面在template不能出现this,create时this还没有

在client端不会报错,但ssr create时会报错: [Vue warn]: Unhandled error during execution of render function at <QPageContainer> 代码比如: <router-view v-slot="{ Compone ......
this template create vue ssr

算法学习Day9 KMP

Day9 KMP By HQWQF 2023/12/21 笔记 28. 实现 strStr() 实现 strStr() 函数。 给定一个 haystack 字符串和一个 needle 字符串,在 haystack 字符串中找出 needle 字符串出现的第一个位置 (从0开始)。如果不存在,则返回 ......
算法 Day9 Day KMP

Vue插件

功能:用于增强vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 定义插件: export default { install(Vue,x,y,z){ console.log(x,y,z) //全局过滤器 Vue.filter ......
插件 Vue

day1 总结

day1总结 编程语言 人与计算机交流的介质 编程 用编程语言写出一个个文件,并用文件达到目的 为什么要编程 奴役计算机帮我们做事 计算机五大组成 cpu:大脑 内存:速度快,断电就消失 外存:速度慢,永久保存 输入设备:输入信息 输出设备:输出信息 机械硬盘工作原理 机械手臂:读取数据 磁道:存数 ......
day1 day

Vue3实现电商放大镜效果

效果实现: 功能拆解: 左侧滑块跟随鼠标移动 右则大图放大效果实现 鼠标移入控制滑块和大图显示隐藏 滑块跟随鼠标移动 思路:获取到当前的鼠标在盒子内的相对位置(useMouseInElement),控制滑块跟随鼠标移动(left/top) 获取鼠标相对位置 控制滑块跟随移动 有效移动范围内的计算逻辑 ......
放大镜 效果 Vue3 Vue

vue-quill

官网: https://vueup.github.io/vue-quill/ 引入vue-quill 当前版本: "@vueup/vue-quill": "^1.2.0" npm install @vueup/vue-quill@latest 全局设置 import { QuillEditor } ......
vue-quill quill vue

Day35 递归

递归 A方法调用B方法,我们很容易理解! 递归就是:A方法调用A方法!就是自己调用自己 利用递归可以用简单的程序来解决一些复杂的问题。它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解,递归策略只需少量的程序就可描述出解题过程所需要的多次重复计算,大大地减少了程序的代码量。递 ......
Day 35

vue3--h5页面中判断在支付宝环境还是微信环境

支付宝: navigator.userAgent.indexOf('AliApp') > -1 环境变量: navigator.userAgent "Mozilla/5.0......AlipayDefined(nt:WIFI,ws:320|504|2.0) AliApp(AP/9.6.0.0000 ......
环境 页面 还是 vue3 vue

day18 -基于Consul的自动发现 -告警平台部署管理-告警平台高级配置 (7.6-7.8.2)

一、基于Consul的自动发现 1、背景 Prometheus配置文件 prometheus-config.yaml 配置了大量的采集规则,基本上都是运维小伙伴手动处理,如果后面增加了节点或者组件信息,就得手动修改此配置,并热加载 promethues;那么能否动态的监听微服务呢?Prometheu ......
平台 Consul day 7.6 18

vue3 + vant4 :form表单中,搭配 Popup 和 Field 实现vant-picker组件,设置默认值及默认选中--踏坑

环境:vue3,vant4 背景:Picker 作为用于辅助表单填写,搭配 Popup 和 Field 。页面需要给picker设置默认值,city为温州,但是在popup弹出时,picker没有选中温州这个选项,还时停留在杭州。 解决方案: 看了很多解决方案,设置default-indexset ......
vant 表单 vant-picker 组件 picker

记录--Vue自动生成组件名

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 unplugin-generate-component-name 一款用于以文件夹名或者setup标签写入名字来自动生成Vue组件名的插件。 项目地址 功能 💚 支持 Vue 3 开箱即用。 ⚡️ 支持 Vite、Webpack、Rsp ......
自动生成 组件 Vue

vue+element 上传文件及文件夹

有需求需要做一个上传压缩包及文件夹的需求,记性不好,记录一下。 HTML 使用的element的upload和form表单,dropdown下拉菜单 <div> <el-col :span="24"> <el-form-item label="材料路径:" prop="fileName"> <el- ......
文件 文件夹 element vue

vue引入antd后没有样式

vue引入antd后没有样式,原因是 use(Antd)应该在挂载之前,不能放在挂载之后 ......
样式 antd vue

Day04运算符

基本运算符 //前四个,必须掌握!!!!!!!!!!!!!!! 算木运算符:+,-,*,/,%,++,-- 赋值运算符= 关系运算符:>,<,>=,<=,==,!=,instanceof 运算符:&&,||, ! //下面的,了解就行 位运算符:& ,|,^,~,>>、<<,>>> 条件运算符?: ......
运算符 Day 04

Day03-04英语名词

Day03-04英语名词解释 1.Comment and uncomment code:对代码进行注释和取消注释。 “Comment” :在代码中添加注释 “uncomment” :删除注释。 2.shortcut:快捷方式,简化的方法 3.compatible:兼容的 4.assign是一个英语单 ......
名词 Day 03 04

django+vue实现文件夹上传

最近学django的文件上下传,网上的文件夹上下传压根没有,找了好几个,报错一大堆,没有一个能用,花里胡哨,可气!!!下面这个方法是我刚刚用过的,分享给大家。 前端vue非常简单,template部分 <input type="file" id="twos" webkitdirectory/><el ......
文件夹 文件 django vue

vue3--使用ref获取Dom元素

vue2中,ref使用: 在 div 元素上绑定了 ref 属性,并命名为 hello,接下来我们直接使用 this.$refs.hello 的方式就可以获取到该 DOM 元素了。 <template> <div id="app"> <div ref="hello">Vue2,ref获取dom元素< ......
元素 vue3 vue ref Dom

Day04变量

变量 变量标识符命名: ​ 标识符的开头:大小写英语字母、美元符号$、下划线; ​ 标识符命名:大小写英语字母、美元符号$、下划线 Java变量是程序中最基本的存储单元,其要素包括变量名,变量类型和作用域。 public class HelloWorld { //类变量 static static ......
变量 Day 04

Day04常量

常量 常量(Constant):初始化(initialize)后不能再改変的値!不会変动的値。 所谓常量可以理解成一种特殊的変量,它的値被定后,在程序运行程中不允许被改変 。 //final final 常量名=値; final double PI=3.14; System.out.println( ......
常量 Day 04