vue3从入门到精通

vue3+ ts 全局数据加密实现

bootCryptoDecryptuseDesensitise//是否全局进行表格字段脱敏useDesensitise:{type:Boolean,default:true},constdesensitiseField=Object.keys(desensitiseFields).map((k)=>desensitiseFields[k]).flat();定义脱敏constdesensitiseF
·2025-01-21 17:04

第七篇：vue3 计算属性：computed

v-model="firstName".//v-model.就是双向绑定的意思//通过v-model进行绑定姓：名：全称：!!!!!import{ref}from'vue'//这里数据的双向绑定,通过ref实现数据响应letfirstName=ref("zhan")letlastName=ref("san")计算属性——只读取，不修改//计算属性——只读取，不修改/*letfullName=com
小画家~·2025-01-21 15:21

第六篇 vue3 【toRefs 与 toRef】

import{ref,reactive,toRefs,toRef}from'vue'//数据letperson=reactive({name:'张三',age:18,gender:'男'})作用：将一个响应式对象中的每一个属性，转换为ref对象。备注：toRefs与toRef功能一致，但toRefs可以批量转换。let{name,gender}=toRefs(person)//取出一批数据的值//
小画家~·2025-01-21 15:21

第五篇 vue3 ref 与 reactive 对比

ref若需要自动加载.value,那么就要在底部菜单中设置选项选择vue勾选：AutoInsert:DotValueAuto-completeRefvaluewith`.value`.注意点：ref不能写越过value.必须要在valeu前面进行定义通过reactive来修改整体名称的值letcarad=reactive({brand:"小汽车",price:"1888"})//通过reactiv
小画家~·2025-01-21 14:42

搭建vue3+ts+vite+pinia框架

目录一、搭建准备二、安装vite并创建vue项目1、安装vite2、新建vue项目3.配置vite4、解决报错①、找不到模块“./App.vue”。你的意思是要将"moduleResolution"选项设置为"node"，还是要将别名添加到"paths"选项中?②、allowImportingTsExtensions报错③、找不到模块“./App.vue”或其相应的类型声明。④、找不到模块“pat
光吃，不胖·2025-01-21 14:08

vue3大屏适配方案

1、下载插件vue3-scale-boxnpminstallvue3-scale-box2、引入即可importScaleBoxfrom"vue3-scale-box";importmain1from"
技术需要沉淀gogo·2025-01-21 12:57

在 Vue 3 中，如何处理和优化大型组件的性能？

在Vue3中，如何处理和优化大型组件的性能？在现代开发中，使用Vue3创建复杂和大型应用程序变得越来越普遍。这些大型组件往往包含了复杂的逻辑和大量的DOM元素，因此性能优化成为了一个不可忽视的话题。
JJCTO袁龙·2025-01-21 11:49

Vue 3 中的 fragment 是什么？它为什么被引入？

Vue3中的Fragment：全新特性与应用场景在前端开发中，我们自主决定如何组织和展示数据。对于频繁与DOM打交道的开发者而言，如何高效、灵活地进行渲染显得尤为重要。
JJCTO袁龙·2025-01-21 11:48

Vue3项目el-table表格动态合并相同数据单元格(可指定列+自定义合并)

一、先看效果：二、完整代码：import{reactive,onMounted}from'vue';//存放所有的表头一定要与tableData一致constcolFields=reactive(["city","name","life","ind","agr","eco"]);//存储合并单元格的开始位置constspanArr=reactive([]);//表格数据consttableData
KT553·2025-01-21 02:42

. 如何在 Vue 3 中使用组合式 API 进行代码的逻辑复用？

如何在Vue3中使用组合式API进行代码的逻辑复用？在Vue3的生态中，组合式API（CompositionAPI）引入了全新的方式来构建组件，使得逻辑复用变得更加简单和灵活。
JJCTO袁龙·2025-01-20 23:50

Vue.js 的组合式 API 与状态管理

在Vue3中引入的组合式API（CompositionAPI）及其状态管理功能，为开发者提供了一种灵活且可扩展的方式来构建复杂的应用程序。
·2025-01-20 23:56

Vue 3.5 中的 useId：深入解析与应用实践

随着Vue3.5的发布，开发者们迎来了许多新特性和改进。其中，useId是一个备受关注的工具函数，它为开发者提供了一种简单而高效的方式来生成唯一的ID。
·2025-01-20 23:21

深入剖析Vue的provide与inject：如何实现跨层级数据共享

它们在Vue2.2版本首次引入，Vue3中也得到了进一步的优化。尽管provide和inject的使用看起来非常简单，但其背后隐藏了复杂的实现原理。在这篇
·2025-01-20 22:46

使用vue-cli创建uni-app项目，vue3/vite模板

官网地址：https://uniapp.dcloud.net.cn/quickstart-cli.html1.首先，安装脚手架：npminstall-g@vue/cli注意：Vue3/Vite版要求node
hy2356891299·2025-01-20 22:14

Vue.js 的组合式 API 与状态管理

在Vue3中引入的组合式API（CompositionAPI）及其状态管理功能，为开发者提供了一种灵活且可扩展的方式来构建复杂的应用程序。
·2025-01-20 22:40

【Git】Git 完全指南：从入门到精通

Git完全指南：从入门到精通Git是现代软件开发中最重要的版本控制工具之一，它帮助开发者高效地管理项目，支持分布式协作和版本控制。
LuckiBit·2025-01-20 18:32

AscendC从入门到精通系列（四）使用Pybind调用AscendC算子

如果已经通过AscendC编程语言实现了算子，那该如何通过pybind进行调用呢？1Pybind调用介绍通过PyTorch框架进行模型的训练、推理时，会调用很多算子进行计算，其中的调用方式与kernel编译流程有关。对于自定义算子工程，需要使用PyTorchAscendAdapter中的OP-Plugin算子插件对功能进行扩展，让torch可以直接调用自定义算子包中的算子，详细内容可以参考PyTo
·2025-01-20 17:21

AscendC从入门到精通系列（一）初步感知AscendC

1什么是AscendCAscendC是CANN针对算子开发场景推出的编程语言，原生支持C和C++标准规范，兼具开发效率和运行性能。基于AscendC编写的算子程序，通过编译器编译和运行时调度，运行在昇腾AI处理器上。使用AscendC，开发者可以基于昇腾AI硬件，高效的实现自定义的创新算法。算子开发学习地图：2从helloworld出发感受AscendC2.1使用AscendC写核函数包含核函数的
·2025-01-20 17:20

前后端分离VUE3+Springboot项目集成PageOffice核心代码

后端Springboot项目在项目的pom.xml中通过下面的代码引入PageOffice依赖。pageoffice.jar已发布到Maven中央仓库，建议使用最新版本。com.zhuozhengsoftpageoffice6.3.3.1-javax在项目的启动类Application类中添加一项@Bean配置，此为PageOffice服务器端的必要配置，代码如下：@Value("${posysp
wqqqianqian·2025-01-20 17:58

Python单元测试之道：从入门到精通的全面指南合集

深入探讨Python单元测试的各个方面，包括基本概念、基础知识、实践方法、高级话题，如何在实际项目中进行单元测试，单元测试的最佳实践，以及一些有用的工具和资源。python学习资料、教程分享：一、单元测试重要性测试是软件开发中不可或缺的一部分，它能够帮助我们保证代码的质量，减少bug，提高系统的稳定性。在各种测试方法中，单元测试由于其快速、有效的特性，特别受到开发者们的喜欢。本文将全面介绍Pyth
雅雅酱o·2025-01-20 13:47

【论文投稿】Spring Boot 开发全攻略：从入门到精通

目录一、SpringBoot简介与优势二、开发环境搭建三、创建SpringBoot项目四、项目结构剖析五、控制器开发六、服务层设计七、数据访问层构建一、SpringBoot简介与优势SpringBoot是一个基于Spring框架的快速开发框架，旨在简化Spring应用的初始搭建以及开发过程。它通过提供一系列的默认配置和约定，使得开发者能够快速地创建出可独立运行的、生产级别的Spring应用程序，极
小周不想卷·2025-01-20 13:11

vue3开发：项目添加mitt

Vue2中我们使用EventBus来实现跨组件之间的一些通信，它依赖于Vue自带的on/on/on/emit/$off等方法，而Vue3中移除了这些相关方法，这意味着EventB
·2025-01-20 12:56

vue3实现搜索关键字高亮

其实这个需求非常常见，平时用app、浏览网页时都能用到，那具体是怎么实现的？我做了小案例，先看下效果我们先梳理下这个需求获取搜索关键字，并过滤出符合条件的数据匹配出要高亮的关键字增加样式那其实关键点就在于怎么匹配，如何高亮？这里我们使用正则匹配，再用replace替换，replace的第二个参数也可以是函数，接受的值就是正则匹配到的值：constsearchKey=(val:string)=>{i
前后端都会点儿·2025-01-20 11:46

JSON数据格式转换

在前端Vue3中，处理JSON数据通常涉及到从API获取JSON、解析JSON数据、或者将JavaScript对象转换为JSON字符串。
百事老饼干·2025-01-20 11:16

技术文档的精髓：规划布局、语言表达与更新维护

一个好的架构应该能够清晰地指导读者从入门到精通。章节设置：根据文档的目的和受众，合理设置章节。例如，对于深度学习
重庆钢铁侠·2025-01-20 10:38

基于Damo-YOLO和DyHead检测头的YOLOv8优化：多尺度目标检测的创新方案【YOLOv8】

涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！
步入烟尘·2025-01-20 05:58

提升YOLOv8性能：用Swin Transformer替换Backbone的详细实现与分析【YOLOv8】

涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！
步入烟尘·2025-01-20 05:57

如何学懂C++语言：C++从入门到精通的全面指南（完整C++学习笔记）

数字人助手猿小美带你一起学编程一、引言作为一名拥有多年开发经验的技术人员，我的职业生涯涵盖了多种编程语言，包括C语言、C++、C#和JavaScript等。在我多年的编程生涯中，这些语言不仅丰富了我的知识储备，还极大地拓展了我的视野和技能。出于对编程的热爱，以及希望帮助更多编程爱好者的目的，我决定利用业余时间整理一套全面的C++语言学习指南。这套指南旨在为C++语言编程爱好者提供一个清晰的学习路线
猿享天开·2025-01-20 05:57

【Vue3】main.js

【Vue3】main.js创建Vue应用实例引入并配置路由配置状态管理挂载应用全局属性与方法使用其他插件在Vue3项目中，main.js文件是整个应用的入口点。
小豆豆儿·2025-01-20 03:33

【VUE3】【Naive UI】＜n-button＞ 标签

【VUE3】【NaiveUI】＜n-button＞标签**`type`**-定义按钮的类型，这会影响按钮的颜色和样式。**`size`**-设置按钮的大小。
小豆豆儿·2025-01-20 03:32

Vue3 使用 pinia

什么是PiniaPinia是Vue的存储库，它允许您跨组件/页面共享状态，与vuex功能一样。准备安装npminstallpinia或者yarnaddpinia使用首先修改main.ts文件main.tsimport'./assets/main.css'import{createApp}from'vue'importAppfrom'./App.vue'import{createPinia}from
有一个好名字·2025-01-20 03:58

Vue 中实现修改数组，并保持页面渲染数据是响应式更改

$set()方法（在Vue2和Vue3中的组合式API）。示例代码（Vue2和Vue3）假设你在Vue组件中处理这个问题：UpdateCard{{card.name}}:{{card.value}}
上趣工作室·2025-01-20 01:09

vue3.0如何快速封装自定义指令！

一、输入框自动获得焦点//定义自定义指令v-focusconstvFocus={//当被绑定的元素插入到DOM中时……mounted(el){//聚焦元素el.focus();}};全局注册指令app.directive('focus',vFocus);使用：二、只能输入数字constvOnlyNumber={mounted(el){//当元素挂载时设置事件监听器el.addEventListen
web网站装修工·2025-01-20 00:35

都用vue3了，还这样用emit？

今天查验一位前端同事代码，发现他为了方便封装了一个通用输入框。但也发现了很严重问题！！！先看看他的封装：子组件：import{ref}from'vue'constname=ref('')constemits=defineEmits(['getName'])constnameBlur=()=>{emits('getName',name.value)}父页面：importInputComponents
web网站装修工·2025-01-20 00:05

你会选择java还是node做后台管理

node和java就看你怎么选了如果你擅长Java，那RuoYi首选RuoYI后台管理系统https://gitee.com/y_project/RuoYi-Vue有vue2又有vue3。
web网站装修工·2025-01-19 22:48

第9篇：从入门到精通：深入理解Python中的类与对象

第9篇：类与对象内容简介本篇文章将深入探讨Python中的类与对象概念。您将学习如何定义类、创建对象，理解属性与方法的区别与用法，掌握构造函数的使用，以及了解self关键字的作用。通过丰富的代码示例，您将能够熟练运用面向对象编程（OOP）在Python中的核心概念，提升您的编程能力和代码组织水平。目录类与对象概述什么是类与对象面向对象编程的优势定义类与创建对象类的基本结构创建对象实例属性与方法类属
猿享天开·2025-01-19 17:30

深入探索Python编程技术：从入门到精通的全方位学习指南

引言在当今信息技术飞速发展的时代，Python以其简洁优雅、功能强大、易于上手的特点，成为了众多开发者和初学者首选的编程语言。无论是数据科学、机器学习、Web开发、自动化脚本编写，还是桌面应用开发，Python都能发挥其独特优势，帮助开发者高效完成任务。本文旨在为Python学习者提供一个全面的学习路径与关键知识点概述，助您快速掌握这门强大的编程语言。一、基础语法1.变量定义与数据类型示例代码：#
小码快撩·2025-01-19 16:21

第8篇：从入门到精通：掌握Python异常处理

第8篇：异常处理内容简介本篇文章将深入探讨Python中的异常处理机制。您将学习异常的基本概念与类型，掌握使用try-except块处理异常的方法，了解finally语句的作用，以及如何抛出和定义自定义异常。通过丰富的代码示例，您将能够有效地管理程序中的错误，提高代码的健壮性和可维护性。目录异常处理概述什么是异常异常的类型异常处理的重要性使用try-except块处理异常try-except语法结
猿享天开·2025-01-19 16:20

npm使用教程：从入门到精通

(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，还请三连支持一波哇ヾ(＠^∇^＠)ノ）目录引言第一部分：npm基础1.1安装Node.js与npm1.2npm的基本命令第二部分：npm进阶2.1使用package.json管理依赖2.2使用npm脚本2.3版本管理第三部分：npm的高级特性3.1npmScripts的生命周期3.2使用npmlink进行本地开发3.3使用n
小周不想卷·2025-01-19 16:47

使用vue3实现语音交互的前端页面

代码地址：https://github.com/ZZD3627/my-third-vue.git需求1.前端实现录音并将音频传到通过http请求将音频传递到后端2.基于后端识别的语音及后端返回的内容进行语音沟通实现1.使用MediaRecorder在前端使用录音功能2.使用SpeechSynthesis实现将后端传来的文字进行播放其中一个页面的代码：import{ref,onMounted}fro
张正栋·2025-01-19 15:44

C++ 新特性 | C++14 常用新特性介绍

constexpr函数的扩展4、二进制字面量5、数组大小自动推导6、std::make_unique7、std::exchange8、std::integer_sequence9、变长参数模板的扩展C++软件异常排查从入门到精通系列教程
dvlinker·2025-01-19 14:36

使用vue3实现语音交互的前端页面

要在Vue3中实现语音交互的前端页面，你可以使用WebSpeechAPI。
Rverdoser·2025-01-19 09:56

深入探索 Vue.js 组件开发中的最新技术：Teleport 和 Suspense 的使用

随着Vue3的发布，新的特性和改进为开发者提供了更多的选择和灵活性。其中，Teleport和Suspense是Vue3引入的两项非常有趣和强大的技术，它们能够极大地提升应用的性能和用户体验。
桂月二二·2025-01-19 01:42

0、springboot3 vue3开发平台-系统简介

模块间关联关系1.技术栈1.1后端JDK17SpringBoot3.Xsa-tokenMySQL8.XMyBatis-Plus3.5.XJWTRedismaven等其他工具类技术1.2前端Node.is20.XVue3vue-router4painaviteElement-plus2
不知所云,·2025-01-19 01:12

vue3 + ts + vite 工程化开发Tampermonkey【油猴、篡改猴】脚本

项目概述vue3+ts+vite工程化开发Tampermonkey【油猴、篡改猴】脚本。编译后生成Tampermonkey脚本，导入到Tampermonkey插件中直接使用。
雷特130·2025-01-18 23:20

vue3大屏可视化项目，包含地图，各种 图表，全屏适配方案

项目设计1.始终满屏适配，这种方案一般用在屏幕变化不会特别的大项目，项目基本上不会用在比例非常不协调的大屏，设计图按1920*1080标准电脑屏幕比，所用的屏幕也基本在这个比例左右2.涉及图表知识点简单，主要有自定义色系，环形图，堆叠柱状图，折线图3.使用高德地图标点做中间地图满屏适配方案实现思路1宽度使用vw，高度使用vh，严格按照设计图换算，并且留出缓冲空间2具体算法，设计图为1920_108
m0_74825526·2025-01-18 22:41

在electron中实现一个桌面悬浮球

概要在electron+vue3搭建的应用中实现了一个桌面悬浮球/mini窗口的功能，支持任意拖拽、丝滑的菜单折叠展开动画效果。
·2025-01-18 18:40

Mac pnpm安装

sudonpminstall-gnpm(安装pnpm:)sudonpminstall-gpnpm检验安装是否成功：pnpm--version项目内安装依赖：pnpminstall/运行项目：pnpmdev最近在开发vue3
是二牙·2025-01-18 12:39

SSM框架从入门到精通

文章目录一、SSM框架概述二、Spring基础（一）配置与依赖注入（二）Bean的生命周期（三）事务管理三、SpringMVC入门（一）控制器实现（二）请求映射（三）模型数据绑定四、MyBatis学习（一）SQL映射文件（二）动态SQL（三）实体类与数据映射五、整合SSM（一）基础集成（二）异常处理六、实战应用（一）项目构建（二）调试与优化（三）常见问题解决七、总结一、SSM框架概述SSM框架是由
布朗克168·2025-01-18 10:24

Oracle从入门到精通

文章目录一、Oracle基础认知二、安装与配置（一）下载与准备（二）安装步骤（三）基本操作三、数据库查询与管理（一）查询数据（二）备份与恢复四、高级功能探索（一）数据库优化（二）存储过程与触发器五、Java与Oracle集成（一）连接Oracle数据库（二）使用JPA六、进阶学习（一）分页（二）视图（三）存储过程（四）约束（五）序列（六）同义词（七）索引一、Oracle基础认知Oracle数据库是
布朗克168·2025-01-18 10:24
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他