前端技术栈Vue 第6页

vue3多个页面/组件，复用同一段render页面根据接口返回的数据动态渲染逻辑，使用setup+组合式API

是可供多个组件复用的getData请求接口，render渲染数据importoperationServicefrom"@/views/operation/component/operationService.vue

十年 lius·2025-03-08 13:28

vue监听dom渲染结束再触发方法 this.$nextTick

//文件预览handleview(index,row){console.log(index,row);console.log(row.zbwjurl)this.viewFileDialogVisible=true//组件加载，组件可见加载的组件中的dom获取不到：打印相关信息，发现：this.refs成功打印，且包含了a的信息，但是this.refs成功打印，且包含了a的信息，但是this.ref

十年 lius·2025-03-08 13:28

Vue3中子组件向父组件传递对象值

子组件向父组件传递值通过defineEmits来进行传值。语法：constemit=defineEmits()子组件向父组件传递：1.首先定义接口interfacePerson{name:string,age:number,job:string}2.使用defineEmitsconstemit=defineEmits()3.定义需要传递的值letmessage=ref({name:'Mike',a

Miketutu·2025-03-08 12:26

vue3中子组件获取父组件的name，父组件不做修改动作

在Vue3中，子组件若要获取父组件的name，且父组件不做额外操作，可以借助getCurrentInstance来实现。

十年 lius·2025-03-08 12:53

Java新特性梳理——Java17

highlight:xcodetheme:vuepress概述JDK16刚发布半年(2021/03/16)，JDK17又如期而至(2021/09/14)，这个时间点特殊，蹭苹果发布会的热度？

疯狂的洛必达·2025-03-08 12:49

swagger-01-swagger介绍

swagger1.学习目标：了解前后端分离了解Swagger的作用和概念在SpringBoot中集成Swagger1.1swagger由来前后端分离，当前流行的开发模式Vue+SpringBoot早先的后端时代

褚师子书·2025-03-08 12:47

使用curl测试websocket服务是否能正常连入

部分场景，前端连接不上websocket服务，需要从后台验证websocket服务是否能连入，判断防火墙是否开通，反向代理是否配置正确，可以使用curl测试服务器websocket服务是否正常。

tiguer·2025-03-08 11:14

Nginx给Vue和Java后端做代理

本文发表于入职啦(公众号:ruzhila)可以访问入职啦查看更多技术文章网站架构入职啦采用了Nuxt.js、Vue3、Go的混合架构开发，包括了官网、简历工具、职位搜索、简历搜索等功能。

入职啦·2025-03-08 11:41

springboot生成二维码在word文档，并下载到本地

第一部分首先引入word的依赖资源com.lowagieitext2.1.7com.lowagieitext-rtf2.1.7com.itextpdfitext-asian5.2.0创建Word，并且写入IO流中，前端获取文件流才能保

尼古拉骚·2025-03-08 11:40

Python就业薪资怎么样？前景如何？

Python是一种全栈的开发语言，你如果能学好Python，前端，后端，测试，大数据分析，爬虫等这些工作你都能胜任。那么Python现在在国内的就业薪资高吗？Python就业薪资怎么样？前景如何？

田野猫咪·2025-03-08 11:09

Vue3自适应布局实战：动态窗口高度适配与最小值限制的完美结合

副标题：从基础原理到el-table深度应用，手把手教你实现"屏幕无界，布局有度"的响应式方案一、核心知识点梳理响应式窗口高度监听•使用ref创建响应式变量windowHeight，通过window.addEventListener('resize')实时更新窗口高度•示例代码：constwindowHeight=ref(window.innerHeight);window.addEventLis

内向的小农·2025-03-08 11:34

组件封装避坑指南：少写1000行重复代码的秘诀！

一、前端组件的分类前端组件可以按照功能、用途、通用性等不同维度进行分类，主要包括以下几类：1.按功能分类展示型组件（UI组件）只负责UI视图渲染，不涉及业务逻辑例如：按钮（Button）、输入框（Input

程序员小续·2025-03-08 10:58

项目笔记——RPC框架

文章目录RPC知识流程图什么是RPC为什么用RPC，不用HTTP(拓展)技术栈流程服务注册意义/场景test服务的POJO类服务信息服务实例注册模块主体注册到注册中心注册中心注销场景注销的钩子函数及前置注册中心注销远程调用意义定义接口

NUAA庞·2025-03-08 10:47

前端开发中如何使用ChatGPT辅助开发？

以下是前端开发中使用ChatGPT辅助开发的完整指南，涵盖核心应用场景、实践方法及注意事项：一、代码生成与优化基础代码生成HTML/CSS/JS框架搭建：通过自然语言描述需求（如"生成带导航栏的响应式页面

破碎的天堂鸟·2025-03-08 10:14

控制台报错：Uncaught (in promise)：XXXXX问题定位以及前端文件流excel文件下载方法

今天对接上传文件的接口时，明明接口是通的，也正常返回了文件流，然而，控制台就是打印不出返回值，而且一直报错Uncaught(inpromise)：XXXXX去查看axios的封装函数，这个internalerror是从返回值拦截器的err中抛出来，这意味着这个axios的函数调用的过程中有异常，失败了。排查问题：1.先从拦截器返回值的判断开始排查，因为控制台无法输出数据查看是否将数据拦截错误，或者

wh20141212·2025-03-08 09:54

电商商业平台技术架构系列教程之：电商平台概述与发展趋势

模式2.3.2.2C2B模式2.3.2.3混合模式2.3.2.4超级电商模式2.3.2.5智慧电商模式2.3.2.6小程序电商模式2.3.3目前发展现状3.电商平台关键技术3.1基础技术3.1.1网站前端

AI天才研究院·2025-03-08 09:23

Webpack缓存优化策略探讨

在前端开发中，Webpack是一个广泛使用的模块打包工具，它可以将多个前端资源（如JavaScript、CSS、图片等）打包成静态资源，以提高应用的加载速度和性能。

创梦引领·2025-03-08 08:19

Nginx解决前端跨域问题

1.理解CORS和同源策略1.1同源策略同源策略是一种浏览器安全机制，用于阻止不同源（不同域名、协议或端口）的Web应用相互访问数据。它确保了Web应用的隔离性，防止恶意网站访问用户数据或执行不安全的操作。同源策略下，同一个域（相同的协议、域名和端口）内的资源可以自由访问。但如果协议、域名或端口有任何不同，浏览器会阻止这种访问。1.2跨域资源共享(CORS)CORS（Cross-OriginRes

m0_74823827·2025-03-08 08:48

Vue打包后生成的文件及编程细节

Vue.js是一种流行的JavaScript框架，用于构建现代化的单页应用程序。当我们开发一个Vue应用并准备将其部署到生产环境时，我们需要对应用进行打包，以便生成最终的可执行文件。

心之飞翼·2025-03-08 08:37

vue让table表格滚动的功能代码

方法1：vue中在固定高度的容器中，表格内容需要滚动显示，代码如下：/***自动滚动*@param{divData}dom*@param{time}多久滚动一次默认50ms*/exportfunctioninfinitScroll

yzy85·2025-03-08 07:40

HTML+CSS面试试题（部分）

标签与em标签的异同6:渐进增强和优雅降级之间的不同7:为什么利用多个域名来存储网站资源8:网页标准和标准制定机构的意义9:简述一下src与href的区别10:网页制作会用的图片格式有哪些11:微格式，前端

四分十七·2025-03-08 06:30

Vue Element Ui中 Table 表格更改某一列的样式，比如说背景色

先在Table表格上加上属性在methods:中上方法//row,每一行上的数据//column,每一列上的数据//rowIndex,行数的下标从0开始//columnIndex列数下标从0开始methods:{columnStyle({row,column,rowIndex,columnIndex}){if(columnIndex==2||columnIndex==3){//第三第四列的背景色就

WQ_MItu·2025-03-08 06:29

解决uniapp生成自定义海报/邀请名片，保存图片到本地

效果图安装npm包npminstallqs-canvas-S代码片段//index.vue保存图片到本地import{reactive,ref,computed,onMounted,getCurrentInstance

·2025-03-08 06:50

从 React 看前端 UI 代码范式革命

前言本来打算写的主题是“我为什么讨厌ReactHooksAPI“，展开聊聊“小甜甜”是如何变成“牛夫人”的，没想到越写越严肃：）React是两次前端范式革命的引领者，至今仍有繁荣的社区和旺盛的创造力；React

哔哩哔哩技术·2025-03-08 05:26

vue2前端使用图片展现视频,无法销毁请求

实现思路，使用canvas绘制图像，然后使用动画帧刷新页面exportdefault{props:{info:{type:Object,default:()=>({url:'',index:''}),},},data(){return{currentImage:null,isFullScreen:false,canvas:null,ctx:null,canvasStyle:{height:'100

贾宝玉单臂擒方腊·2025-03-08 04:23

详细解析Vue在history路由模式部署后刷新404问题

场景vue项目使用了history路由模式，且在本地时运行正常，但打包通过nginx部署后，刷新页面，出现了404错误先定位一下，HTTP404错误意味着链接指向的资源不存在问题在于为什么不存在？

mr_cmx·2025-03-08 03:35

【CTF比赛Web题目快速探测】

CTF比赛Web题目快速探测一、快速信息收集1.基础信息扫描2.工具自动化辅助二、快速漏洞探测1.高频漏洞靶向测试2.前端相关漏洞三、工具链组合利用1.BurpSuite自动化2.专用工具链3.编码/解码辅助四

D-river·2025-03-08 03:02

Vue 和 dhtmlx-gantt 实现图表构建动态多级甘特图效果，横坐标为动态刻度不是日期

注意事项：1、横坐标根据日期转换成时间刻度在（gantt.config.scales）；2、获取时间刻度的最大值（findMaxRepairTime）；3、甘特图多级列表需注意二级三级每个父子id需要唯一（convertData）安装依赖npminstalldhtmlx-gantt--save在当前页引入和配置dhtmlx-ganttimportganttfrom"dhtmlx-gantt";//

Tan-玛卡巴卡·2025-03-08 02:45

前端vue用jsmind写思维导图

1、下载依赖npm安装npminstall--savejsmindyarn安装yarnjsmind版本:"jsmind":"^0.4.6",2、完整代码：查看节点删除节点-->放大缩小展开：主题：名称：{{obj.topic?obj.topic:'-'}}部门：{{obj.orgName?obj.orgName:'-'}}描述：{{obj.jobType?obj.jobType:'-'}}状态：正

Tan-玛卡巴卡·2025-03-08 02:44

Vue 实现垂直菜单分类栏目，鼠标移入下方出现悬浮二级菜单容器效果

需要注意的是二级菜单的盒子要在最大的盒子里面要把它撑开而不是和导航一个div，下面是实现的效果但有点潦草具体样式需自行调整具体代码如下：html代码： {{item}} 中文{{$t('appHeader.pickerTitle')}} Eng --

Tan-玛卡巴卡·2025-03-08 02:43

vue实现滚动公告效果vue-seamless-scroll

1、下载npminstallvue-seamless-scroll2、页面引入也可以全局引入我是当前页面用所以选择页面引入importvueSeamlessScrollfrom'vue-seamless-scroll

Tan-玛卡巴卡·2025-03-08 02:13

奶妈级别芋道源码 ruoyi-vue3-pro 视频、图片批量上传组件，复制即可用！！

批量上传图片组件请上传图片-->查看删除importtype{UploadFile,UploadProps,UploadUserFile}from'element-plus'import{ElNotification}from'element-plus'import{createImageViewer}from'@/components/ImageViewer'import{propTypes}f

William Dawson·2025-03-08 01:42

Vue 规则实现联系方式（手机号码/座机）验证

phone:[{required:true,message:'请输入联系方式',trigger:'blur'},{validator:(rule,value,callback)=>{constphoneReg=/^1[3-9]\d{9}$///手机号正则constlandlineReg=/^(?:(?:\d{3}-)?\d{8}|^(?:\d{4}-)?\d{7,8})(?:-\d+)?$/if(

William Dawson·2025-03-08 01:41

使用 Spring Boot 实现前后端分离的海康威视 SDK 视频监控

使用SpringBoot实现前后端分离的海康威视SDK视频监控系统，可以分为以下几个步骤：1.系统架构设计前端：使用Vue.js、React或Angular等前端框架实现用户界面。

William Dawson·2025-03-08 01:01

vee-validate验证设置中文但是无效

无效代码：importzh_CNfrom'vee-validate/dist/locale/zh_CN'Vue.use(VeeValidate)//表单验证VeeValidate.Validator.localize

桃子不吃李子·2025-03-08 01:59

npm 常用指令指南

以下是一些常用的NPM（NodePackageManager）指令，它们在前端开发中非常实用：#NPM常用指令大全##包管理###安装依赖```bashnpminstall安装package.json

风干牛肉巴旦木·2025-03-08 00:28

echarts开发图表时遇到问题：trigger: ‘item‘正常显示tooltip，trigger: ‘axis‘则无法显示tooltip，为什么？

解放方案：import{markRaw}from'vue';//解决办法，让echarts从监听对象变成普通对象letchart=markRaw(echarts.init(chartRef))//原代码

思想永无止境·2025-03-08 00:57

ruoyi&vue+electron+ffi&dll+CAN+串口

1.0.0","description":"test","author":"tzc","license":"MIT","main":"background.js","scripts":{"dev":"vue-cli-serviceserve

思想永无止境·2025-03-08 00:56

Vue入门常见指令

Vue(视图信息与脚本数据双向绑定）Vue的基础入门Vue的实现流程：1、在HTML的body标签中引入需要通过Vue进行数据绑定的标签2、在HTML中的相关的视图标签中设置标签元素的id（）3、通过外链的形式将

星星不打輰·2025-03-08 00:24

npm ERR! code 128 npm ERR! An unknown git error occurre如何解决

在git上下载下来的vue-element-admin安装依赖的时候报错。

qq_57907803·2025-03-08 00:54

工程化与框架系列（22）--前端性能优化（中）

前端性能优化（运行）引言运行时性能直接影响用户交互体验和应用流畅度。本文将深入探讨前端运行时性能优化的各种策略和技术，包括渲染优化、内存管理、计算优化等关键主题，帮助开发者构建高性能的Web应用。

一进制ᅟᅠ ‌‍‎‏ ·2025-03-07 23:48

Vue.js 开发入门指南

Vue.js开发入门指南Vue.js是一款流行的前端框架，它轻量、高效且易于上手，非常适合构建交互式Web应用。本文将介绍Vue.js的基础概念，并带你实现一个简单的Vue应用。

2401_89793006·2025-03-07 23:16

npm、Yarn 与 pnpm：选择最适合你的包管理工具

在前端项目中，npm、pnpm和yarn都是包管理工具，主要用于管理JavaScript依赖。它们的核心功能类似，但在性能、依赖管理方式、磁盘空间占用等方面有所不同。

奶凶的小熊崽·2025-03-07 23:44

Vue项目结构分析

Vue项目结构分析1.概览使用CLI构建出来的Vue项目结构是这样的里面我们需要关注的内容如下图，重点需要关注的用小红旗标了，其中我们最常修改的部分就是components文件夹了，几乎所有需要手动编写的代码都在其中

企鹅会游泳·2025-03-07 23:13

VSCode 配置优化指南：打造高效的 uni-app、Vue2/3、JS/TS 开发环境

VSCode配置优化指南，适用于uni-app、Vue2、Vue3、JavaScript、TypeScript开发，包括插件推荐、设置优化、代码片段、调试配置等，确保你的开发体验更加流畅高效。

奶凶的小熊崽·2025-03-07 23:37

uniapp微信小程序vue3自定义tabbar

在App.vue隐藏原生tabbar，也可以在pages.json中配置二选一就好了创建CustomTabBar公共组件{{item.text}}import{ref,onMounted}from'vue

HerayChen·2025-03-07 22:07

深入解析 Vue3 核心架构与实战范式：从响应式原理到 Composition API 设计哲学

引言：框架演进的必然选择在2020年发布的Vue3并非简单的版本迭代，而是对前端工程化痛点的系统性解决方案。

嘉图明·2025-03-07 22:05

vue图片加时间戳，禁止缓存

一、使用引入的图片路径图片路径constVISIT_TOP_BG=`${config.assetPath}/images/visit-top-bg.png?timestamp=${Date.now()}`;使用

性野喜悲·2025-03-07 22:35

【前端知识】Web Components开发框架quarkC介绍

文章目录概述**QuarkC简介****核心特性****QuarkC的使用方法****1.安装QuarkC****2.创建一个简单的QuarkC组件****3.使用组件****QuarkC的优势****1.更低的学习成本****2.更好的开发体验****3.跨框架兼容性****4.性能优化****5.社区支持与生态****6.开放性和灵活性****QuarkC的适用场景****总结**构建复杂We

问道飞鱼·2025-03-07 21:57

大白话Vue 源码

大白话Vue源码整体介绍Vue源码就像是一个超厉害的“魔法工具箱”，它能帮咱们轻松地做出各种漂亮又好用的网页。

IT木昜·2025-03-07 21:23

推荐频道

前端技术栈Vue