vue学习日记第108页

vue2 自定义webpack plugin 添加版本文件到public目录下/vue-config全局环境变量

在项目根目录创建version-plugin.js文件//引进nodefs模块constfs=require('fs')//引进nodepath模块constpath=require('path')//webpackpluginclassVersionPlugin{//实例化传的参数constructor(options={}){this.options=optionsthis.isFinish=

ivwsjc·2024-02-01 00:17

前端vue直接导出文件

//前端导出handleExport(){//letdata={//beginDate:this.beginDate,//endDate:this.endDate,//}axios({method:'post',url:'/api/rexel-api/spot/value/export',responseType:"blob",data:{beginDate:this.beginDate,endD

33455432·2024-02-01 00:40

vue使用json格式化

安装npmibin-code-editor-S//Vue2npminstallvue-json-viewer--save在main.js引用//引入bin-code-editor相关插件和样式importCodeEditorfrom'bin-code-editor

33455432·2024-02-01 00:08

import { ArrowRight } from “@element-plus/icons-vue“；

今天下午快被这个问题折磨疯了虽然知道这个问题怎么产生的但项目里那个碍眼的红线就是去不掉后来才发现这是插件的锅我的心情你知道我想要说什么的想必能看到这篇文章的也知道这个问题是怎么产生的vue3+ts使用的时候默认是需要带上文件名的但是引入

RyzenVega·2024-02-01 00:31

vue项目使用easyplayer播放m3u8直播推流

官网青犀视频代码库/示例/demoEasyPlayer示例效果：项目背景如图后端给了m3u8的直播地址协议是hls/flv市面上很多第三方热门播放库都可以完成该多屏播放方式如Video.js问题在于分多屏时会存在性能问题并且关闭播放器后即便删除Dom或调用停止等方法F12网络还在不断的请求分片故采用该库Easyplayer该库使用方便性能较好文档清晰几乎0上手成本1.安装npminstall@ea

RyzenVega·2024-02-01 00:01

Vite+Vue3+TS 引入使用Cesium.js

申请CesiumToken进入Cesium注册账号cesium离谱的是E宝(Epic)居然可以快捷登录？！登录后点击导航栏的AccessToken再右侧即可看到默认Token安装&引入#Cesiumpnpmpnpminstallcesium#如果项目同时存在Three.js需避免使用pnpmThree.js对pnpm+ts的组合并不友好npmicesium依赖包安装完毕后需要在public文件夹内

RyzenVega·2024-02-01 00:01

10-内置事件和组件自定义事件

/components/Student.vue'importSchoolfrom'./components/School.vue'expo

荆承鹏·2024-02-01 00:34

ubuntu 20.04.4+uWSGI+Nginx安装部署Django+Vue的web前后端全过程记录(1-Django)

文章目录基本命令行安装虚拟环境及配置路径虚拟环境基本命令Xftp和FileZilla连接本地虚拟机查看虚拟机本地地址在使用sftp连接时，filezilla与虚拟机之间是通过ssh连接，所以需在虚拟机上安装ssh-server。连接成功，开始传输文件部署Django连接数据库有可能没有打开文件的权限到这里还没结束开启Mysql远程连接的权限一些可能发生的报错端口占用远程连接迁移本地数据库到虚拟机(

荻风溪畔·2024-02-01 00:25

Django4.2(DRF)+Vue3 读写分离项目部署上线

文章目录1前端2后端2.1修改settings.py文件关于静态文件2.2关于用户上传的文件图片3Nginx4镜像制作4.1nginx4.3Django镜像4.3.1构建5docker-compose文件内容1前端进入前端项目的根目录，运行如下命令进行构建npmrunbuild构建完成后，项目根目录下会出现打包后的目录dist这个dist目录需要给到nginx，具体配置见第3章节的Nginx2后端

shark_西瓜甜·2024-02-01 00:19

C语言学习日记——函数

目录学习目标：学习内容：2.1有参函数定义的一般形式2.2形式参数和实际参数2.3函数的返回值2.4函数的调用学习产出：3.1、用冒泡或者插入法实现对字符串排序2、用函数实现打印指定范围内所有的素数3、编写函数实现求最大公约数gcd和最小公倍数lcm学习总结：学习目标：理解和掌握函数的概念与使用。函数是程序中完成特定任务的代码块，它可以接收输入参数并返回结果。通过函数的使用，提高代码的复用性、模块

LanUU123·2024-01-31 23:11

C语言学习日记——以数组为参数的函数调用

学习目标：对于以数组为参数的函数调用，今天的学习目标是理解函数的递归调用和嵌套调用。理解栈的概念，掌握一维数组，二维数组，字符数组为参数的函数调用并完成二维字符数组的相关练习。学习内容：2.1传参的顺序和方式传参的顺序：自右向左传参时要避免出现一下情况k=intcmp(i++,i);对于不同的编译器其结果可能不同，2.2栈栈储存返回地址，局部变量，形参。其中储存的元素执行先进后出原则。栈的主要作用

LanUU123·2024-01-31 23:11

C语言学习日记——循环控制

目录前言：1goto语句：1.1一般形式1.2使用goto语句和if语句构成的循环结构求1到100的整数和：1.3逻辑流程图：2while语句：2.1一般形式：2.2使用while循环结构求1到100的整数和：2.3逻辑流程图：3dowhile语句：3.1一般形式3.2使用dowhile循环结构求1到100的整数和：3.3逻辑流程图：4while语句和dowhile语句的比较：5for语句：5.1

LanUU123·2024-01-31 23:40

C语言学习日记——字符数组与二维数组

文章目录目录前言1.1.字符数组的定义1.2字符数组的初始化1.2.1逐个字符赋给数组中各元素1.2.2省略数组长度1.2.3最常用的初始化方式1.3字符串和字符串结束标志1.4字符数组的输入输出1.5字符串处理函数1.5.1strlen函数（数组长度）1.5.2strcpy函数（复制）1.5.3strcat函数（拼接）1.5.4strcmp函数（比较）1.6字符数组应用举例二、二维数组2.1二维

LanUU123·2024-01-31 23:40

C语言学习日记—— 一维数组的定义和引用

文章目录目录文章目录前言一、一维数组的定义和引用1.1一维数组的定义1.2一维数组元素的引用1.3一维数组的初始化二、一维数组的应用举例2.1.求数组元素和2.2.求数组元素极大值和次大值2.3.斐波那契数列2.4.逆序输出2.5.选择排序2.6.冒泡排序2.7.插入排序2.8.二分查找总结前言C语言提供除了基本类型（整型、字符型、实型）以外的构造类型数据，它们有数组类型、结构体类型和共用体类型。

LanUU123·2024-01-31 23:10

C语言学习日记——选择结构程序设计

目录5.1关系运算符和关系表达式5.1.1关系运算符及其优先次序5.1.2关系表达式5.2逻辑运算符和逻辑表达式5.3if语句5.4switch语句选择结构，它是3种基本结构之一。在大多数程序中都会包含选择结构。它的作用是，根据所指定的条件是否满足，决定从给定的两组操作选择其一。5.1关系运算符和关系表达式5.1.1关系运算符及其优先次序C语言提供6种关系运算符：①；④>=；⑤==；⑥！=；关于优

LanUU123·2024-01-31 23:08

使用vue3自定义指令实现Tooltip

效果预览：实现代码：directive.jsimport{nextTick}from"vue"functionelFover(e){//e.el.classList.add('hover')letres

不怕麻烦的鹿丸·2024-01-31 23:29

自定义vue通用左侧菜单组件（未完善版本）

使用到的技术：vue3、pinia、view-ui-plus实现的功能：传入一个菜单数组数据，自动生成一个左侧菜单栏。菜单栏可以添加、删除、展开、重命名，拖动插入位置等。

不怕麻烦的鹿丸·2024-01-31 23:58

vue父子组件之间传值的方法

vue父子组件之间传值的方法一、基本父子传值父传子方式：props效果：把父组件的fatherName属性传入子组件，在子组件中使用父组件代码：父组件：{{fatherName}}子组件代码：子组件：{

骑牛找狗·2024-01-31 23:27

Vue3中父组件调用子组件的方法

法1：ref1：定义页面组件或者组件子组件页面 import{ref}from'vue'constdialogVisible=ref(false)//打开用户弹窗组件consthandleOpen

一on勇·2024-01-31 23:57

vue2 PC线上阅读图书-修改背景色功能(包括多段落选中文本修改背景色)window.getSelection()、document.execComm()、range.cloneContents()

前言：目前document.execCommand('BackColor',false,color)方法被弃用了各位谨慎使用！！！功能思路：window.getSelection()获取选中文本范围，document.execCommand('BackColor',false,color)修改选中范围文本背景色，range.cloneContents()获取选中的文本节点与父节点，将documen

未飞·2024-01-31 23:56

vue中使用bootstrap

https://blog.csdn.net/hifhf/article/details/122098988?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164552087116780271953763%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%25

未飞·2024-01-31 23:56

Vue 多环境变量的配置

一、在Vue中首先找到package.json文件二、找到文件中的scripts添加新的配置"scripts":{"serve":"vue-cli-serviceserve--open",//npmrunserve

未飞·2024-01-31 23:55

vue实现图片预览放大缩小功能

ImgShow.vue代码如下：exportdefault{name:'ImgShow',props:{file:{type:String,default:''}},data(){return{test

西蜀漫山桃花·2024-01-31 23:25

vue项目实现图片缩放与拖拽功能

在项目开发中遇到一个需求：1：用鼠标滚轮可对图片进行缩放处理2：点击按钮可对图片进行缩放处理3：可对图片进行拖拽处理我在开发中通过自己实现与百度查看优秀的铁子进行了两种类型的使用1：个人进行实现：源码：大小未赞已赞-->下载exportdefault{data(){return{zoomD:1,love:false,imgSrc:'https://img2.baidu.com/it/u=13959

翱翔同步·2024-01-31 23:25

Vue3 父子传参简单易懂

目录父传子：1、在父组件的子组件标签上通过:传递到子组件的数据名="需要传递的数据"2、子组件依旧通过props来接收并且在模版中使用子传父：最后总结一下：父传子：1、在父组件的子组件标签上通过:传递到子组件的数据名="需要传递的数据"在这里为了大家区分我将父组件中的数据定义为：fatherData，子组件需要接收的数据定义为：sonData。//父组件{{fatherData}}importch

未飞·2024-01-31 23:25

vue图片放大缩小：onwheel

如：viewerjs（放大和缩小、切换上下张等功能）vue-photo-preview（放大和缩小、切换上下张等功能）vue-picture-preview（预览和切换上下张功能）2.不使用插件1.给img

孙行者者行孙·2024-01-31 23:55

vue项目中利用html-to-image插件将div盒子转化为base64图片,和鼠标滚轮控制图片缩放!!!

盒子包括里面内容转化成png图片的插件,我个人在项目中遇到使用它的情况是在读取身份证信息之后,将获取到的数据,填入到自己写好的div盒子内,然后转化成图片放入到展示区域内.这里只写一个简单的盒子,内部一段文字和一张图片(vue

上铺的老家伙·2024-01-31 23:55

vue 使用 v-viewer 用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。

作者连接npm：[email protected]引入：//引入Viewer插件importVueViewer,{directiveasviewerDirective

未飞·2024-01-31 23:24

【Vue】二、Vue 组件展示控制的优雅解决方案

vue项目中展示的组件，我平常都是通过v-show进行展示控制，类似这样通常情况下，一个正常展示组件的流程，是通过前端用户点击触发函数，在函数中对data数据进行操作，从而展示不同的页面showWork

奈何不吃鱼·2024-01-31 23:23

vue 组件之间相互传值的6种方法

Vue.js中组件间通信的方法有很多种，以下是6种常见的直接或间接的组件传值方式：1.Props（父向子）优点：易于理解，符合单向数据流的原则，有利于代码维护。

一花一world·2024-01-31 23:53

vue中父组件直接调用子组件方法（通过ref）

目录1、vue2中，父组件调用子组件的方法2、vue3中，父组件调用子组件的方法1、vue2中，父组件调用子组件的方法在Vue2中，父组件可以通过使用ref属性来引用子组件的实例，然后通过该实例调用子组件的方法

码农键盘上的梦·2024-01-31 23:53

vue 页面逻辑复用

在开发表单页面时,经常碰到一种情况。同一表单存在新建编辑查看几种状态。页面的大体组成基本相同，但又需要做部分针对当前状态的处理，处理这类问题，一般存在两种方式直接拷贝多分，在不同页面中做处理优点:处理简单，页面各个状态之间不会相互影响缺点:复用率低，后期修改麻烦在同一页面中做处理，页面跳转时提供状态标识符号，通过标识符切换页面显示优点：复用率高，修改同一缺点：逻辑复杂度高，状态处理麻烦，页面逻辑不

copyLeft·2024-01-31 23:58

05-mac vue2.0升级到vue3.0+

在创建cli项目时，执行npmcreate项目名;注意名最好是英文开头最好是小写；npmcreate命令是基于vue.3.0版本以上使用的，检查cli版本号vue-V；先卸载原有的clinpmuninstallvue-cli-g

高家_大少爷·2024-01-31 23:37

【开源】SpringBoot框架开发海南旅游景点推荐系统

项目介绍1.2项目录屏二、功能模块2.1用户端2.2管理员端三、系统展示四、核心代码4.1随机景点推荐4.2景点评价4.3协同推荐算法4.4网站登录4.5查询景点美食五、免责说明一、摘要1.1项目介绍基于Vue

张燕沨·2024-01-31 22:35

【RuoYi-Vue-Plus】学习笔记 31 - Sa-Token（五）登录验证拦截器之 Token 有效期及其续签（Sa-Token 源码）

文章目录前言参考目录框架集成基于Sa-Token最新版本yaml配置文件Sa-Token配置`SaTokenConfig`注册拦截器功能调用流程分析1、获取当前会话账号id`StpLogic#getLoginId()`1.1、检查token是否已经临时过期`StpLogic#checkActivityTimeout`1.1.1、计算过期时间`StpLogic#getTokenActivityTim

MichelleChung·2024-01-31 22:03

[Vue3] reactive数据改变，视图不更新的问题

问题在vue文件中，创建响应式对象，赋值后却无法触发响应式，即页面的值不会改变constobj={name:'xiaoming',age:18}letform=reactive({});form=obj

Suppose·2024-01-31 22:29

Vue2.x 和 Vue3.x 生命周期钩子函数对比

Vue2------------------vue3beforeCreate=>setup()created=>setup()beforeMount=>onBeforeMountmounted=>onMountedbeforeUpdate

coderfl·2024-01-31 22:53

2021-11-09 学习日记

1.Bugku刷题贝斯手先用Ziperello把flag.zip的密码爆破出来。1-1密码1992，就是文件中提示的古力娜扎的出生年份。使用Stegsolve查看了一下图片也没找到什么信息。唯一的信息就是flag.txt文件，以及此压缩包是用MAC系统压缩的。1-2感觉这像是base64编码的，看前边的提示。5+58可以联想到md5和base58，但是后边的串应该是要处理一下才能解密。看了wp，后

狐萝卜CarroT·2024-01-31 22:02

浏览器报错:Uncaught TypeError: Cannot read properties of undefined (reading ‘prototype‘)

背景：使用vue2框架与ElementUI组件编写项目问题原因：引入vue的代码段顺序不当导致的。解决方法：导入时将ElementUI放在前面

娃哈哈哈哈呀·2024-01-31 22:30

人资项目面试逐字稿

问:有没有开发过一些vue插件？举例说说

陪小魏长大·2024-01-31 21:52

使用Vue CLI脚手架一键搭建项目——井字棋

现使用Vue.js来使用VueCLI搭建井字棋项目，并将其发布到github上井字棋项目预览链接一：需要用到的工具Node.js、VueCLI、VScode二：项目搭建1.搭建好项目原型后，将项目拖入VScode

PingerL·2024-01-31 21:04

Vue内的权限管理业务（文字讲解）

RBAC的权限设计思想首先，我们先了解下什么是传统的权限设计从上面的图中，我们发现，传统的权限设计是对每个人进行单独的权限设置，但这种方式已经不适合目前企业的高效管控权限的发展需求，因为每个人都要单独去设置权限基于此，RBAC的权限模型就应运而生了，RBAC(Role-BasedAccesscontrol)，也就是基于角色的权限分配解决方案，相对于传统方案，RBAC提供了中间层Role（角色），其

Jooa0704·2024-01-31 21:48

【Vue基础-实践】数据可视化大屏设计（林月明螺蛳粉文化公司单量数据大屏）

目录一、知识整理1、页面自适应2、下载插件pxtorem&rpx3、关于padding与margin4、下载echarts5、下载axios6、experss官网接口创建7、创建路由8、api接口创建9、设置基准路径10、跨域设置11、图表设置12、地图数据引用13、设置地图效果二、文件说明三、效果展示四、问题解决1、在页面自适应下载阿里团队插件时遇问题httpsfetchGET2002、中途ct

林月明·2024-01-31 21:35

一些前辈优秀项目和学习笔记

/gitee.com/xuxueli0323/xxl-job.git***XXL-JOB分布式任务调度平台功能结构介绍https://www.xuxueli.com/xxl-job/***RuoYi-Vue-Plus