作用this vue set
Vue中添加全屏动态时间水印
效果图 核心代码 watermark.vue <template> <div class="watermark-outer"> <div class="watermark" v-for="i in 200" :key="i"> <div>{{waterMarkContent}}</div> <spa ......
vue报错：Module parse failed: Unexpected token (5:2) You may need an appropriate loader to handle this file type.
报错信息： ERROR Failed to compile with 1 errors 10:09:02 error in ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2) Y ......
深入理解JavaScript堆栈、事件循环、执行上下文和作用域以及闭包
1. 堆栈 在JavaScript中，内存堆是内存分配的地方，调用栈是代码执行的地方。 原始类型的保存方式：在变量中保存的是值本身，所以原始类型也被称之为值类型。 对象类型的保存方式：在变量中保存的是对象的“引用”，所以对象类型也被称之为引用类型。 ![[CleanShot 2024-01-02 a ......
About this page
本博客主题样式来自：https://www.cnblogs.com/RioTian/ 字体修改来自：https://www.cnblogs.com/RioTian/p/17018687 ......
Vue 如何修改默认启动端口、浏览器自动访问
Vue修改默认启动端口的几种方法 module.exports = defineConfig({ transpileDependencies: true, devServer:{ host:'localhost', port:8088, open:true } }) ......
vue入门-？？？？ 05days
购物车案例回顾： -v -for循环商品 -checkbox多选： 数组，input > checkbox >value 对象 [在input中 只能使用 v-model] getprice() >方法 > 变量发生变化，这个会重新运算 加全选 与全不选 -chekbox >单独的 >布尔类型 -c ......
使用Nginx部署VUE3+VITE项目时无法访问后端接口的一个情况
在使用VUE3作为前端，ABPVNEXT6.0作为后端框架。使用Nginx部署后无法访问api，接口报错404 找错思路很重要，网上找到了很多Nginx配置信息，但是都不起作用，即使更换服务器重新部署也无法生效 后来才发现，ABPNEXT对于未找到对应实体的报错就是404，按照正常的程序逻辑，404 ......
netcore webpi 通过signalr 给vue项目推送消息
最近项目上需要做个服务给前端推消息，首先就想到了signalr，关于signalr 详情可以参考微软官方文档（ASP.NET Core SignalR 概述 | Microsoft Learn），微软现在也有使用教程（ASP.NET Core SignalR 入门 | Microsoft Learn ......
5分钟搞定vue3函数式弹窗
前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简单的实现方式呢？ 函数式弹窗的使用场景 首先我们来看看什么是函 ......
【Python基础】set（集合）
简介 集合跟我们学的列表有点像，也是可以存放一堆数据，不过集合有几个独特的特点，令其在整个Python语言中占有一席之地。 相当于只有键没有值的字典(键则是集合的数据)。 基本操作 特点 * 里面的元素不可变，代表不能存储一个list、dict、在集合中，字符串、数字、元组等不可变类型可以存。 * ......
生活常识-食物作用
前言全局说明 生活常识 内容来源于网络，个体差异，如有不适，请到正规医院就诊 一、免疫力最喜欢 1.蒸芋头 2.蒸红薯 3.蒸紫薯 4.蒸土豆 5.蒸山药 6.蒸南瓜 7.蒸板栗 8.蒸胡萝卜 9.蒸玉米 10.蒸毛豆 来源：微信视频号“知心聆听68” 二、 三、 四、 免责声明：本号所涉及内容仅供 ......
Solution Set【2024.1.10】
CF1919F1 Wine Factory (Easy Version) / CF1919F2 Wine Factory (Hard Version) 考虑使用网络流刻画这个问题，将每个工厂建一个对应的节点，连出以下三种边： 从源点向工厂连一条容量为 \(a_i\) 的边 从工厂向汇点连一条容量为 ......
python diango后端支持运行脚本+vue前端支持脚本运行
# 使用Python内置的subprocess模块来执行Python脚本 # 使用注意： # 1，依赖包需要提前导入至脚本中 # 2，script_path变量是脚本得绝对路径 # 3，filename变量是脚本得名称 # 搭配vue页面使用 # 想法：页面支持导入，编辑，执行脚本 # 导入：默认指 ......
vscode设置vue3代码格式化
下载插件可以使用Volar或Prettier 设置格式化时选用的插件mac：【shift】+【option】+【f】win：【shift】+【alt】+【f】 选择其中之一 左下角选择【设置】 点击右上角的文件切换图标，可以切换到setting.json 实际使用假设这是默认代码状态 使用Prett ......
[Vue]自定义导航栏
思路留存自用，主要是template部分，效果大概如下： <template> <div v-show="isStart" :class="'menu_page' + aniClass"> <div class="menu" v-for="item in items"> <div class="gr ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程，一直没有找到合适自己的，要么只有前端部分没有后端，要么就是写的不是很明白。所以还得靠自己摸索出来后，来此记录一下整个过程。 其实就是不要用默认的 action，要手动实现上传方式 http-request，然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
Solution Set【2024.1.9】
A. k 大值 不喜欢 k 大值，所以转化为求第 \(n - k + 1\) 小值。 注意到在 \(\left[0, V\right]\) 中均匀随机生成 \(n\) 个变量，其中第 \(k\) 小值的期望为 \(\frac{k}{n+1}V\)，因此我们可以设置一个阈值 \(t\)，并且存储位于 ......
Solution Set【2024.1.9】
A. k 大值 不喜欢 k 大值，所以转化为求第 \(n - k + 1\) 小值。 注意到在 \(\left[0, V\right]\) 中均匀随机生成 \(n\) 个变量，其中第 \(k\) 小值的期望为 \(\frac{k}{n+1}V\)，因此我们可以设置一个阈值 \(t\)，并且存储位于 ......
CF1886D Monocarp and the Set 题解
Monocarp and the Set - 洛谷 Problem - D - Codeforces 非常之降智 加入一个数让他满足他是最大值需要判断前面加入的那些数中最大的是哪个，但删除一个数让他满足是最大值只需要直接把他删掉即可 因此我们要反着考虑这个问题： 如果当前是 <，则删除最小的数，有一 ......
naming conflicts with other components【vue3】
问题描述： 在vue3中有相同名称的文件时，会报错 [unplugin-vue-components] component "Xxx"(D:/a/b/xxx.vue) has naming conflicts with other components, ignored. 解决方案： 修改vite. ......
vue3hooks中的生命周期钩子
vue3中新增了hooks的使用，内置了vue的各种api，用来将重复逻辑封装复用，比mixin更灵活 hooks中同样可以使用vue的生命周期钩子，但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑 根据原文件调用生命周期和执行hooks函数的时机进行排序 export const ......
Vue3中实现world、excel、txt、pdf文件预览，（vue-office的使用)
依赖 "@vue-office/docx": "^1.3.0", "@vue-office/excel": "^1.4.5", "@vue-office/pdf": "^1.5.3", 代码案例 核心代码 <div class="preview-box"> <a-modal class="previ ......
vue入门——？？04days
def接口项目_回顾 # 创建数据库指定编码 CREATE DATABASE drf_ks CHARACTER SET utf8; # 锁定用户后，之前签发的token，如果没过期，还能用 -自己写认证类 》拿到当前用户后，判断是否锁定，如果锁定了，认证不通过即可 # 用自定义用户表--》签发tok ......
uvm中set_drain_time()的用法
任何模块都有其处理延时，比如： 在p时刻DUT输出才有数据，同时当DUT输入完成时，n+p时刻，DUT输出才完成。 在UVM中，针对run time phase, 如果在发送完激励后立即drop_objection会导致很多问题（比如DUT输出还未结束就结束仿真了），为解决这一问题，可以在每个run ......
Vue——实现与后端交互
展现方式：点击按钮向后端发起请求，获取数据并展示到前端 呈现效果： 实现方式如下： 第一步：使用Django框架书写后端代码，返回数据（用户名与年龄） 视图类： from rest_framework.views import APIView from rest_framework.response ......
vue项目里导出word模板，导出Excel表格~
一、安装依赖包 1、docxtemplater npm install docxtemplater pizzip -S2、jszip-utils npm install jszip-utils -S3、pizzip npm install pizzip -S4、FileSaver npm insta ......
Vue——实现购物车的增减与价格统计
呈现效果： 第一步：引入vue与bootstrap的CDN <script src="./js/vue.js"></script> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4 ......
docker安装Nginx并运行vue3前端
Docker安装Nginx #获取Nginx docker pull nginx #查端口 netstat -ntlp #建本地目录 mkdir -p /home/nginx/www /home/nginx/logs /home/nginx/conf /home/nginx/conf.d #创建临时 ......
vue3路由跳转与参数获取
// 普通跳转 router.push('/index') // query 参数 router.push({ path: '/index', query: { id: 123, } }) // params 参数 router.push({ name: 'index', params: { id: ......