Vue进阶第4页

【React】MobX

概述mobx实现像vue一样声明式的修改数据，我们在项目中直接使用mobx+mobx-react。

小秀_heo·2024-09-13 18:54

Django+Vue基于OpenCV的人脸识别系统的设计与实现

目录1项目介绍2项目截图3核心代码3.1需要的环境3.2Django接口层3.3实体类3.4config.ini3.5启动类3.5Vue4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍

赵广陆·2024-09-13 18:52

vue3 el-message组件封装

背景在封装请求拦截器时，使用ElMessage进行弹窗提示成功或失败，但是如果页面用到多个接口，这时就会导致页面出现很多弹窗，导致用户体验不好，有可能出现卡顿现象。这时就需要进行一些判断，如果前面的ElMessage还没关闭并且类型是一致的就return，不再弹窗提示，类型不一致时就要弹窗提示类似下面的代码使用elmentui或者element-plus的时候，使用里面的弹窗组件，在同一按钮多次点

小白小白从不日白·2024-09-13 17:20

【图像压缩】奇异值分解SVD灰色图像压缩（可设置压缩比）【含Matlab源码 4358期】

Matlab武动乾坤·2024-09-13 16:14

vue如何获取一个元素的基本信息

PS：代码全部使用Vue3和setup语法糖来写的首先准备HTML结构点击该元素的相关信息获取Vue部分import{onMounted,ref}from"vue";constmyElement=ref

LJ小番茄·2024-09-13 16:11

ref 和 reactive 区别

前言ref和reactive是Vue3中响应式编程的核心。在Vue中，响应式编程是一种使数据与UI保持同步的方式。当数据变化时，UI会自动更新，反之亦然。

有一个好名字·2024-09-13 16:40

【前端】vue+html+js 实现table表格展示，以及分页按钮添加

一.问题描述数据条数太多显示到页面上时可能会渲染较慢，因此需要截取数据进行展示。二.代码写法思路：按照上述图示思路，需要有两个数据列表，一个存储的是所有的列表数据，一个存储的是展示的数据列表，程序开始后先选择数据头部的几条数据。因此也会需要一个当前第几页的参数。2.1代码展示html部分v-for展示列表，以及两个按钮对当前页面进行选择。{{item.name}}上一页{{currentPage}

Loong_DQX·2024-09-13 16:40

Vue3+TypeScript频谱跳动算法（附vue2+JavaScript）

以下为Vue3+TypeScript频谱跳动算法只需要调用下列方法即可实现，并且设置定时器。

I like Code?·2024-09-13 15:36

重磅算法：通信设备虚拟仿真-波形根据频率、带宽变化算法（Vue3+typescript）结尾附vue2+JavaScript

以下为Vue3+typescriptconstpointSpacing=ref(0);constupdateInterval=ref(undefined);//更新图表数据的函数constUpdateChartTest

I like Code?·2024-09-13 15:36

provider和inject跨层数据传递

⑧provider和inject跨层数据传递1）provider顶层组件通过该函数提供数据2）inject底层组件通过该函数获取数据dowen.vue底层组件代码import{inject}from'vue

DngYT·2024-09-13 15:34

vue.config.js 配置

vue.config.js文件是VueCLI项目中的全局配置文件，它允许你以JavaScript的形式来配置构建选项，而不是通过命令行参数或者.vue-clirc的JSON格式。

你不讲 wood·2024-09-13 15:02

cross-plateform 跨平台应用程序-06-uni-app 介绍

whatuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一次代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/京东

知识分享官·2024-09-13 14:29

leetCode进阶算法题+解析（七十七）

安排工作以达到最大收益题目：有一些工作：difficulty[i]表示第i个工作的难度，profit[i]表示第i个工作的收益。现在我们有一些工人。worker[i]是第i个工人的能力，即该工人只能完成难度小于等于worker[i]的工作。每一个工人都最多只能安排一个工作，但是一个工作可以完成多次。举个例子，如果3个工人都尝试完成一份报酬为1的同样工作，那么总收益为0。我们能得到的最大收益是多少？

唯有努力不欺人丶·2024-09-13 14:20

Python基础知识进阶之正则表达式_头歌python正则表达式进阶

最后硬核资料：关注即可领取PPT模板、简历模板、行业经典书籍PDF。技术互助：技术群大佬指点迷津，你的问题可能不是问题，求资源在群里喊一声。面试题库：由技术群里的小伙伴们共同投稿，热乎的大厂面试真题，持续更新中。知识体系：含编程语言、算法、大数据生态圈组件（Mysql、Hive、Spark、Flink）、数据仓库、Python、前端等等。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是

前端陈萨龙·2024-09-13 13:50

iframe 双向实时通信

父：handleAdd()">按钮{{count}}import{onMounted,ref}from"vue";constcount=ref(0);consthandleAdd=()=>{count.value

徐同保·2024-09-13 12:45

Vue3 的 shallowRef 和 shallowReactive：优化性能

大家对Vue3的ref和reactive都很熟悉，那么对shallowRef和shallowReactive是否了解呢？

代码里的小猫咪·2024-09-13 12:43

[C高手编程] 自增自减/三目运算符/运算符优先级/强制类型转换：表达式与操作全面解析

⚡️⚡️专栏：C高手编程-面试宝典/技术手册/高手进阶⚡️⚡️「C高手编程」专栏融合了作者十多年的C语言开发经验，汇集了从基础到进阶的关键知识点，是不可多得的知识宝典。

极客代码·2024-09-13 11:11

uniapp微信小程序如何实现每个页面都可以点击右上角分享朋友圈和好友？

创建一个js文件里面如下importVuefrom'vue'exportdefault{computed:{},onShow(){//分享到朋友圈一定要在onShow中wx.showShareMenu(

爱吃玉米的螃蟹·2024-09-13 11:40

Vue预览word、excel、pdf

之前也有写过两篇预览pdf的，但好像还没写过预览word和excel的，但是这次的预览pdf和之前的三个又不一样！使用pdfobject预览pdf，

会说法语的猪·2024-09-13 11:09

uniapp实现下拉刷新

path":"pages/ces/index","style":{"navigationBarTitleText":"下拉刷新测试","enablePullDownRefresh":true}},}在.vue

十一吖i·2024-09-13 11:09

JavaScript-定时器setTimeout用法

定时器setTimeout学习链接定时器学习链接定时器（serTimeout()）的用法（进阶）setTimeout用法定时器通常用在页面刷新，延迟执行

s甜甜的学习之旅·2024-09-13 11:39

vue3.0+echarts 嵌套数据的饼图并有联动效果

想要实现的效果:1、默认选中外层的第一个。2、点击外层的饼图，里层的饼图实时变动。3、始终保持外层饼图有选中的状态效果如下：实现如下：1、数据结构letchartsArray=[{name:'外层1',value:2,selected:true,children:[{name:'内层1-1',value:3,},{name:'内层1-2',value:4,},{name:'内层1-3',value

hehe-呵呵·2024-09-13 10:08

vue+threeJS示例（001）: 不断翻转的立体箱体

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第001个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共88行）一、示例效果图二、示

还是大剑师兰特·2024-09-13 10:37

VUE在线预览word、pdf、excel等文档

url=(需要在线查看的文档地址)vue代码window.open('http://www.pfile.com.cn/api/profile/onlinePreview?

菜鸟程序猿、·2024-09-13 10:07

vue 预览 word_vue预览word

//将file转为bufferletfr=newFileReader();fr.readAsArrayBuffer(content.file);fr.addEventListener("loadend",(e)=>{console.log("loadend---->",e)letbuffer=e.target.result;this.docxRender(buffer);},false);}//"

2401_84437530·2024-09-13 10:05

uniapp对tabbar封装，简单好用

第一种，效果展示上代码，新建一个公用组件，tabbar.vue微信通讯录发现-->{{num}}发现我的exportdefault{name:"tabbar",data(){return{num:2,value

爱吃玉米的螃蟹·2024-09-13 10:34

周末写点东西都是很困难的

看了一下VueCLI，也看了看阮大神写的webpack教程。webpack是一直想详细掌握的工具，需要系统学。

焦糖大瓜子·2024-09-13 09:18

Vue3: Node安装下载

目录一.Node网站链接二.安装node三.查看node安装是否成功一.Node网站链接Node.js中文网(nodejs.cn)下载20.17.0文档（长期支持版本）二.安装node一直next三.查看node安装是否成功安装成功后cmd打开本机终端，输入node查看是否安装成功。

QGC二次开发·2024-09-13 09:28

c++进阶--this指针与虚函数指针的关系

文章目录什么是this指针？什么是虚函数指针？this指针和虚函数指针的关系总结什么是this指针？this指针：this指针表示对象的地址起始内存地址。即this指针的值，指向了对象起始内存。this指针的值和类第一个成员变量的地址一样。来看一个例子：classbase{public:base(){std::cout<<"this:"<

xinxiangwangzhi_·2024-09-13 07:19

vue对话框禁止后面页面滚动条滚动的解决方式

转载https://www.cnblogs.com/mxl123/p/11818125.htmlstopSrcoll(){varmo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动},open

小橘碎碎记·2024-09-13 07:48

vue如何禁止弹窗后面的滚动条滚动？

methods:{//禁止滚动stop(){varmo=function(e){e.preventDefault();};document.body.style.overflow=‘hidden’;document.addEventListener(“touchmove”,mo,false);//禁止页面滑动},/取消滑动限制/move(){varmo=function(e){e.preventD

IT侠客行·2024-09-13 07:16

Vue使用query传参Boolean类型，刷新之后转换为String问题

做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；vue-router传参，不管是params形式还是query形式传参，在页面刷新后

codeMing_·2024-09-13 07:14

vue3点击出现弹窗后背景变暗且不可操作

文章目录实现vue3点击出现弹窗后背景变暗且不可操作一、手写遮罩层方法1.效果2.代码3.代码分析4.改进4.将背景遮罩层封装成组件使用二、quasar方法实现vue3点击出现弹窗后背景变暗且不可操作一

不知-_·2024-09-13 06:13

6 vue-cli初步

1.安装node.js下载安装node.js，一路默认安装即可，安装完毕，启动命令行，输入命令node-v，可以看到node.js的版本号image.png2.安装vue-cli使用npm（需要安装node

洋baby·2024-09-13 06:06

Node.js 、Yarn、npm、Vue、Vite、Webpack 前端一套流程

前端项目的搭建Vue、Vite、Webpack、Yarn、Node.js和npm的概念解释，以及它们之间的关系：Node.js：一个开源、跨平台的JavaScript运行时环境，可以让JavaScript

叫我DPT·2024-09-13 06:09

模糊测试进阶，无状态模糊测试和不变式测试

系列文章目录模糊测试入门与assert（）函数文章目录系列文章目录前言一、无状态模糊测试与不变模糊测试无状态模糊测试（StatelessFuzzTesting）不变式模糊测试（StatefulFuzzTesting）智能合约测试中的考虑结合使用二、举例不变模糊测试的优点1.代码分析2.使用模糊测试无状态模糊测试（StatelessFuzzTesting）不变式模糊测试（StatefulFuzzTe

艾丽卡和木森的区块链日记·2024-09-13 06:38

从基础到进阶：利用EasyCVR安防视频汇聚平台实现高效视频监控系统的五步走

随着科技的飞速发展，视频监控技术在社会安全、企业管理、智慧城市构建等领域扮演着越来越重要的角色。一个高效智能的视频监控管理系统不仅能够提升监控效率，还能在预防犯罪、事故预警、数据分析等方面发挥巨大作用。一、需求分析在设计视频监控管理系统之前，首要任务是进行全面的需求分析，以确保系统能够满足实际应用场景中的各项要求。需求分析包括但不限于以下几点：监控范围与目标：明确监控区域的大小、数量、重要性及需重

TSINGSEE·2024-09-13 04:55

关于在vue2中使用el-tree的记录

此文章会持续更新在使用el-tree过程中应用到的功能...先看此效果：html：//自定义节点内容//此处if判断是让最后一个节点使用自定义的图标{{data.label}}({{data.children.length}}){{data.label}}data:[{label:'菏泽市',children:[{label:'东明县',children:[{label:'xxx1',},{lab

又写了一天BUG·2024-09-13 04:55

【前端UI框架】VUE ElementUI 离线文档可不联网打开

【前端UI框架】VUEElementUI离线文档可不联网打开Element-Theworld'smostpopularVueUIframeworkElement-Theworld'smostpopularVueUIframework

我是Superman丶·2024-09-13 04:24

2023.7.15 学习Vue3.x官方文档之异步组件 + ＜Suspense＞（通俗易懂的理解!）

定义一个正常的vue组件，我们用defineComponent({})，此处为选项式API。但随着Vue3成为默认版本，出现，使用组合式API编程时，不再显示使用这个API。

夏日友情天_·2024-09-13 04:54

Java学习之路：实践项目与进阶学习--创建一个图书管理系统

前言：上一篇学习了入门级知识，留了一份作业，其实创建一个图书管理系统是一个很好的实践项目，可以帮助你掌握数据库操作、前端开发和基本的CRUD（创建、读取、更新、删除）操作，数据库存储书籍信息，以及一个基本的用户界面。项目结构后端:使用Java和SpringBoot实现RESTfulAPI。数据库:使用H2数据库进行书籍信息存储。（也可使用mysql数据库设计，详情可参考：《MySQL数据库课程设计

Dreams°123·2024-09-13 04:54

Java 学习路线：适合小白的超细学习路线及实例代码

Java学习路线：适合小白的超细学习路线及实例代码一、入门基础1.1、Java基础语法1.2、面向对象编程(OOP)二、核心Java编程2.1、数据结构和算法基础2.2、输入输出(I/O)三、进阶Java

Dreams°123·2024-09-13 04:53

vue3从精通到入门15：内置组件之Suspense

是一个内置组件，它允许你在组件加载时显示一个备用内容（fallbackcontent），直到组件真正渲染完成。这对于处理异步组件加载特别有用，可以提供更好的用户体验，防止用户看到未完成的界面或空白的加载状态。我们了解Suspense之前，先了解下什么是异步依赖和异步组件。异步依赖异步依赖通常指的是在组件加载或执行过程中需要异步获取的数据或功能。这些数据或功能可能来自网络请求、其他组件的异步加载，或

无名H·2024-09-13 04:50

vue项目在本地搭建时，npm install报错npm ERR! code E400

在npminstall运行的时候，总是出现400报错npmERR!codeE400npmERR!400BadRequest-GEThttps://registry.npmmirror.com/zrender/-/zrender-5.4.4.tgz（以上只展示了其中一种包安装时的400报错）尝试过更换多种npm源，都没有解决这个问题。最终，将项目中的package-lock.json删除，重新执行n

猪猡猪猡猪·2024-09-13 02:11

Vue2和vue3有哪些区别？

1.语法差异1.Vue2中，一个组件需要使用Vue.component方法进行注册，并使用exportdefault导出组件对象。

IT 前端张·2024-09-13 02:36

【Vue3】teleport 组件

使用场景：实现body全局下的弹出框teleport组件是一个传送门，使其div组件不受当前组件的限制，传送到body下。

卿卿qing·2024-09-13 01:05

2023-11-11

一切能用金钱买来的都是被动式体验；一切必须要刻意练习、不断进阶、不断提高的体验就是主动式体验。看电影、做按摩、买名牌皮包或豪车都是被动式体验；弹钢琴、滑雪、做奥数、下围棋、开赛车、创办企业、做公益等都

感恩学习相信小陶·2024-09-13 01:29

2024Mysql And Redis基础与进阶操作系列（4）作者——LJS[含MySQL FOREIGN KEY、CHECK 、DEFAULT 约束举例说明等详解步骤及常见报错问题所对应的解决方法]

接上集1.FOREIGNKEY约束1.1作用限定某个表的某个字段的引用完整性。例如：员工表的员工所在部门的选择，必须在部门表能找到对应的部分。1.2关键字FOREIGNKEY1.3主表和从表/父表和子表主表（父表）：被引用的表，被参考的表从表（子表）：引用别人的表，参考别人的表例如：员工表的员工所在部门这个字段的值要参考部门表：部门表是主表，员工表是从表。例如：学生表、课程表、选课表：选课表的学生

肾透侧视攻城狮·2024-09-13 00:28

字节跳动资深面试官亲述：15个经典面试问题及回答思路，知乎上转疯了！

前言这是“拔剑金九银十”的第二篇文章，本文主要针对3年以上的Android开发者进阶面试中高级开发工程师而整理。希望可以对你们有所帮助。不多废话，进入正题。

左夜天·2024-09-13 00:54

推荐频道

Vue进阶