Vue企业级优雅实战第9页

【vue3】入门系列—子组件调父组件方法

在Vue3中，子组件通常不会直接调用父组件的方法，因为这同样违反了组件之间的单向数据流原则。

前端大颖颖·2025-03-08 13:43

WebRTC简介及实战应用 — 从0到1实现实时音视频聊天等功能

一、WebRTC简介WebRTC是由一家名为GobalIPSolutions，简称GIPS的瑞典公司开发的。Google在2011年收购了GIPS，并将其源代码开源。然后又与IETF和W3C的相关标准机构合作，以确保行业达成共识。其中：WebReal-TimeCommunications(WEBRTC)W3C组织：定义浏览器API。Real-TimeCommunicationinWeb-brows

不怕麻烦的鹿丸·2025-03-08 13:34

Go实战全家桶之五十二：go函数式编程

github.com/samber/lo是一个非常流行的Go语言库，提供了丰富的函数式编程工具，类似于JavaScript中的Lodash。它通过泛型支持，为Go开发者提供了许多便捷的集合操作函数（如Map、Filter、Reduce、Uniq等）。然而，是否认为它是“最好的”函数式编程库，取决于具体的需求和使用场景。以下是对lo库的详细分析，帮助你判断它是否适合你的项目：1.lo库的优点1.1丰

leijmdas·2025-03-08 13:31

鸿蒙HarmonyOS NEXT开发：ArkUI高性能开发-（组件复用最佳优化实践）

往期鸿蒙全套实战精彩文章必看内容：鸿蒙开发核心知识点，看这篇文章就够了最新版！

小叮当QAQ·2025-03-08 13:29

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

HarmonyOS实战开发-高性能ArkUI组件复用实践案例

概述若开发者的应用中存在以下场景，并成为UI线程的帧率瓶颈，应该考虑使用组件复用机制提升应用性能：●列表滚动（本例中的场景）：当应用需要展示大量数据的列表，并且用户进行滚动操作时，频繁创建和销毁列表项的视图可能导致卡顿和性能问题。在这种情况下，使用列表组件的组件复用机制可以重用已经创建的列表项视图，提高滚动的流畅度。●动态布局更新：如果应用中的界面需要频繁地进行布局更新，例如根据用户的操作或数据变

「已注销」·2025-03-08 12:56

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

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

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

企业AI数据安全白皮书：深寻模型会话保护与安当TDE实战

一、引言人工智能正在重塑企业的业务流程与创新模式，从智能客服到辅助决策，从图像识别到自然语言处理，AI模型正逐步渗透到企业运营的各个环节。然而，随着AI技术的深入应用，数据安全问题也如影随形。对于部署在企业内网的DeepSeek模型而言，员工与模型的会话内容往往包含企业的核心商业信息、敏感技术参数以及员工个人隐私等关键数据。一旦这些数据遭到泄露、篡改或恶意利用，不仅会给企业带来巨大的经济损失，还可

安当加密·2025-03-08 12:19

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

Nginx给Vue和Java后端做代理

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

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

#深度优化提示词模板：解锁DeepSeek R1终极潜力的系统方案

通过解析模型工作机制、设计结构化模板、实战案例验证及进阶调优策略，形成覆盖基础到高阶的完整优化方案。研究显示优化后的提示词模板可使任务准确率提升40%，响应相关性提高55%。

领码科技·2025-03-08 11:38

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

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

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

5人3小时复刻Manus？开源OpenManus项目全解剖，我的DeepSeek股票报告这样诞生

大F的智能小课·2025-03-08 10:28

智能交通违章处理系统：AI赋能下的智慧交通解决方案

实战！》正式启动啦！这是专为那些渴望提升Python技能的朋友们量身打造的专栏，无论你是已经有一定基础的开发者，还是希望深入挖掘Python潜力的爱好者，这里都将是你不可错过的宝藏。

Echo_Wish·2025-03-08 10:28

Intel 9代CPU i7 9700k+技嘉B360+华硕2070+NVME重装WIN7系统+跑分

大家都知道现在市面上的H310,B360,Z390等等主板搭配的intel8代和9代CPU基本上都无法装WIN7系统，主要是因为官方没有提供USB驱动，导致鼠标键盘等USB接口设备无法使用，那么此篇实战教程将带你全程欣赏一下

小鱼儿yr·2025-03-08 10:54

深入JavaScript实战：解决常见问题与性能优化技巧

目录一、JavaScript关键点1.1核心特性1.2主要用途1.3ECMAScript标准二、JavaScript数据操作方法2.1JavaScript数组方法2.2JavaScript其他数据操作方法（1）对象操作（2）字符串操作（3）数字操作（4）Set和Map数据结构三、JavaScript如何防范XSS攻击？3.1编码与转义3.2校验输入3.3使用安全的库和框架3.4配置HTTP头3.5

moton2017·2025-03-08 10:15

目标检测YOLO实战应用案例100讲-TDI线阵相机

目录知识储备图像基础知识分辨率单位及换算算法原理一、TDI基本原理二、信噪比提升机制三、时间同步机制四、TDIvs传统线扫描技术五、TDI的技术挑战六、最新的TDI技术发展知识储备图像基础知识首先什么是机器视觉？计算机视觉就是让计算机去理解获取数字图像与视频中的信息。最终实现一个与人类视觉系统实现相同功能的自动化系统。什么是机器视觉中的图像的前置知识——颜色模型？最为常用的颜色模型，分别是RGB颜

林聪木·2025-03-08 08:49

【JAVA架构师成长之路】【Redis】第11集：Redis缓存-高并发与秒杀实战

0-3分钟：课程目标与引入目标通过本课程，将掌握：高并发场景核心问题：理解超卖、库存不一致、数据库击穿的成因与危害。Redis秒杀解决方案：利用原子操作、分布式锁、队列削峰保障库存安全。性能优化技巧：缓存预热、限流策略、Lua脚本实现原子性。实际意义秒杀场景下瞬时流量极高（如电商大促、票务系统），传统数据库无法承受压力。Redis凭借内存操作与原子性特性，成为解决高并发库存扣减的核心工具。3-13

羽轩GM·2025-03-08 08:49

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

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

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

Ceph实战（一）-分布式存储介绍与原理架构概述

深度视觉机器·2025-03-08 07:57

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

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

yzy85·2025-03-08 07:40

HTML+CSS面试试题（部分）

4:img的alt属性与title属性有何异同5:strong标签与em标签的异同6:渐进增强和优雅降级之间的不同7:为什么利用多个域名来存储网站资源8:网页标准和标准制定机构的意义9:简述一下src与

四分十七·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

Python与数据可视化案例：电影评分可视化

Python与数据可视化案例：电影评分可视化电影评分数据的魅力：为什么可视化很重要数据收集：如何获取电影评分数据使用API接口网络爬虫技术数据清洗与预处理：让数据变得干净整洁可视化实战：用Matplotlib

master_chenchengg·2025-03-08 06:55

Python与数据可视化库Seaborn实战

Python与数据可视化库Seaborn实战一、引言二、技术概述Seaborn介绍核心特性和优势代码示例：简单散点图三、技术细节技术原理技术难点四、实战应用应用场景问题与解决方案五、优化与改进潜在问题改进建议六

master_chenchengg·2025-03-08 06:25

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

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

·2025-03-08 06:50

K8s 1.27.1 实战系列（五）Namespace

Kubernetes1.27.1中的Namespace（命名空间）是集群中实现多租户资源隔离的核心机制。以下从功能、操作、配置及实践角度进行详细解析：一、核心功能与特性1、资源隔离Namespace将集群资源划分为逻辑组，实现Pod、Service、Deployment等资源的虚拟隔离。例如，开发环境与生产环境的资源可独立管理，避免相互干扰。非完全隔离性：默认仅逻辑隔离，网络和存储仍互通，需通过N

白昼ron·2025-03-08 05:15

PingCAP 连续两年入选 Gartner 云数据库管理系统魔力象限“荣誉提及”

全球IT市场研究和咨询公司Gartner®发布最新报告《MagicQuadrant™forCloudDatabaseManagementSystems》（云数据库管理系统魔力象限），PingCAP因其企业级开源分布式数据库

TiDB_PingCAP·2025-03-08 04:25

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

K8s - 结合实战场景的深度问题

1:存活探针（LivenessProbe）、就绪探针（ReadinessProbe）、启动探针（StartupProbe）的区别及适用场景？1、存活探针（LivenessProbe）•目的：检测容器是否处于运行状态，若失败则重启容器。•适用场景：•应用程序因死锁或死循环无法响应请求时自动恢复。•例如：Web服务长时间无响应需强制重启。•配置示例livenessProbe:httpGet:path:

小马不敲代码·2025-03-08 04:52

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

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

mr_cmx·2025-03-08 03:35

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

以下是一套实战优化流程

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

NL2SQL技术方案系列(5)：金融领域NL2SQL技术方案以及行业案例实战讲解3--非LLM技术方案

NL2SQL技术方案系列(5)：金融领域NL2SQL技术方案以及行业案例实战讲解3NL2SQL基础系列(1)：业界顶尖排行榜、权威测评数据集及LLM大模型（SpidervsBIRD）全面对比优劣分析[Text2SQL

汀、人工智能·2025-03-08 03:00

【实战项目】Python 手撕一个基于最新端到端大模型的语音聊天系统

写在前面：为什么需要端到端语音交互近年来，随着深度学习技术的飞速发展，语音交互技术取得了显著的进步。从智能音箱到虚拟助手，语音交互已经渗透到我们生活的方方面面。然而，传统的语音交互系统往往采用“语音识别（ASR）-自然语言理解（NLU）-对话管理（DM）-自然语言生成（NLG）-语音合成（TTS）”的级联式架构，这种架构存在着诸多弊端，如：错误累积：每个模块的错误都会传递到下一个模块，导致最终结果

kakaZhui·2025-03-08 02:53

Go语言通关指南：零基础玩转高并发编程(第Ⅴ部分)(第15章)-现代Go编程-项目实战开发(案例7：文件存储与分发系统)

Go语言通关指南：零基础玩转高并发编程(第Ⅴ部分)(第15章)-现代Go编程-项目实战开发(案例7：文件存储与分发系统)文章目录Go语言通关指南：零基础玩转高并发编程(第Ⅴ部分)(第15章)-现代Go编程

双囍菜菜·2025-03-08 02:21

使用PHP爬虫获取1688商品分类：实战案例指南

在电商领域，商品分类信息是商家进行市场调研、选品分析和竞争情报收集的重要基础。1688作为国内领先的B2B电商平台，提供了丰富且详细的商品分类数据。通过PHP爬虫技术，我们可以高效地获取这些分类信息，为商业决策提供有力支持。一、为什么选择PHP爬虫？PHP是一种广泛使用的服务器端脚本语言，特别适合用于Web开发和网络爬虫。它具有强大的网络请求和HTML解析能力，能够轻松实现从网页中提取数据的功能。

数据小爬虫@·2025-03-08 02:17

利用PHP爬虫根据关键词获取17网（17zwd）商品列表：实战指南

在电商领域，通过关键词搜索商品并获取商品列表是常见的需求。17网（17zwd）作为知名的电商平台，提供了丰富的商品资源。本文将详细介绍如何使用PHP爬虫技术根据关键词获取17网商品列表，并确保爬虫行为符合平台规范。一、环境准备（一）PHP开发环境确保你的服务器上安装了PHP环境，并且启用了cURL扩展，用于发送HTTP请求。（二）安装所需库安装GuzzleHttp库，用于发送HTTP请求。可以通过

Jason-河山·2025-03-08 02:17

Spring Boot整合Spring Security与JWT实现无状态认证：实战指南

SpringBoot整合SpringSecurity与JWT实现无状态认证：实战指南一、JWT认证原理简介JSONWebToken（JWT）是一种开放标准（RFC7519），由三部分组成：Header（

老哥不老·2025-03-08 02:15

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 AI简单使用

Java大模型应用开发，微服务整合DeepSeek，LangChain大型语言模型LLM实战-尚硅谷文

NaughtyBo·2025-03-08 01:40

深入解析 JVM —— 从基础概念到实战调优的全链路学习指南

文章目录一、为什么要学习JVM？1.面试必备与技能提升2.性能优化与问题诊断3.编写高质量代码二、JVM基础概念与体系结构1.JVM简介2.JDK、JRE与JVM三、JVM内存模型1.线程私有区2.线程共享区四、类加载机制与双亲委派1.类加载过程2.双亲委派模型3.动态加载与反射五、垃圾回收机制与调优策略1.分代收集思想2.常见垃圾回收算法3.主流垃圾收集器4.JVM调优六、JIT编译与代码优化1

总是学不会.·2025-03-08 01:09

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

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

William Dawson·2025-03-08 01:01

推荐频道

Vue企业级优雅实战