vue3笔记第40页

Vue3 + TypeScript + Element Plus + el-input 输入框列表按回车聚焦到下一行

应用效果：从第一行输入1，按回车，聚焦到第二行输入2，按回车，聚焦到第三行……一、通过元素id，聚焦到下一行的输入框关键技术点：1、动态设置元素id属性为：:id="`input-apply-amount-${(optionasIReagentOption).id}`"2、设置回车监听：@keyup.enter.native="onEnterPressDown((optionasIReagentO

BillKu·2025-06-19 03:58

通过链接自动创建代码文件：深度解析Jupyter的三种实现方案

在实际协作中，常需要快速生成预配置的代码文件或笔记本。例如，教师希望学生通过特定链接直接获取课程模板，或团队通过标准化链接初始化项目。

weixin_47233946·2025-06-19 02:25

MIT线性代数第三讲笔记

视频链接https://www.youtube.com/watch?v=FX4C-JpTFgY3.1矩阵乘法以A∗B=CA*B=CA∗B=C为例，其中矩阵A是m∗nm*nm∗n,矩阵B是n∗pn*pn∗p,矩阵C则是m∗pm*pm∗p单个元素求矩阵C中的每一个元素，公式如下：cij=∑k=1naik∗bkjc_{ij}=\sum_{k=1}^na_{ik}*b_{kj}cij=k=1∑naik∗b

可耳（keer）·2025-06-19 02:25

Vue3 + TypeScript：从环境搭建到组件通信的完整前端开发教程

在前端开发领域，Vue3与TypeScript的组合备受青睐。Vue3带来高效灵活的开发体验，TypeScript则提供强大的类型安全和可维护性。

魏大帅。·2025-06-19 02:55

Vue3 + TypeScript 生命周期钩子使用错误解析 onMounted is called when there is no active component instance to be

[Vuewarn]:onMountediscalledwhenthereisnoactivecomponentinstancetobeassociatedwith.LifecycleinjectionAPIscanonlybeusedduringexecutionofsetup().Ifyouareusingasyncsetup(),makesuretoregisterlifecyclehooks

BillKu·2025-06-19 02:52

Vue3 + TypeScript 本地存储 localStorage 的用法

1、字符串直接操作//存储表格列宽localStorage.setItem(`${tableName.value}_${prop}_colWidth`,newWidth.toString());//获取表格列宽letstorageColWidth=localStorage.getItem(`${tableName.value}_${prop}_colWidth`);//删除本地存储的列宽数据loc

BillKu·2025-06-19 02:52

MIT线性代数第二讲笔记

视频课程入下：2.EliminationwithMatrices.2.1消元法求解例题如下：{x+2y+z=23x+8y+z=124y+z=2\begin{cases}x+2y+z=2\\3x+8y+z=12\\4y+z=2\end{cases}⎩⎨⎧x+2y+z=23x+8y+z=124y+z=2将方程组左侧的系数用矩阵的形式表示，这个方程组如下：[123381041]A∗[xyz]X=[212

可耳（keer）·2025-06-19 02:22

【基础篇-消息队列】——为什么需要消息队列

目录一、前提1.1、引入前提1.2、引入示例二、哪些问题适合使用消息队列来解决2.1、异步处理2.2、流量控制2.3、服务解耦三、小结本文来源：极客时间vip课程笔记一、前提1.1、引入前提消息队列是最古老的中间件之一

小志的博客·2025-06-19 00:35

Layui-Vue 开源项目教程

Layui-Vue开源项目教程layui-vuelayui-vue是一套Vue3.0的桌面端组件库项目地址:https://gitcode.com/gh_mirrors/la/layui-vue项目介绍

童福沛·2025-06-19 00:34

【学习笔记】设计模式Day2

策略模式定义：定义一系列算法，把它们一个个封装起来，并且使它们可以相互替换。该模式使得算法可独立于使用它的客户程序而变化稳定点：客户程序与算法的调用关系变化点：新家算法，算法内容改变代码结构#includeusingnamespacestd;classContext{};//稳定点：抽象去解决它//变化点：扩展（继承和组合）去解决它classProStategy{public:virtualdou

Detachment664·2025-06-18 23:32

[C++]Json 学习笔记

Json学习笔记JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。

stary_yan·2025-06-18 23:30

【学习笔记】Protobuf相关知识

【学习笔记】ProtobufProtocolBuffers（简称Protobuf）是由Google开发的跨平台、高效的数据序列化协议，用于结构化数据的存储和传输。

HaiQinyanAN·2025-06-18 22:58

【学习笔记】C++代码规范整理

【学习笔记】C++代码规范整理一、匿名空间namespace匿名命名空间（AnonymousNamespace）是一种特殊的命名空间声明方式，其作用是将声明的成员限定在当前编译单元（源文件）内可见，类似于使用

HaiQinyanAN·2025-06-18 22:58

【学习笔记】nlohmannjson&&cjson

【学习笔记】nlohmann::json&&cjson[{"nodeId":1,"refreshRate":6000,"brightness":{"B":50,"G":50,"R":50,"all":50

HaiQinyanAN·2025-06-18 22:26

Vue3 渲染函数 API（五）

h()h函数用于创建并返回一个虚拟节点（VNode）h(tag,//HTML标签名、组件对象或异步组件函数data,//一个包含组件的props/attrs/domProps/on等的对象children//子虚拟节点(VNodes)，由h()构建而成，//也可以使用字符串来生成“文本虚拟节点”)import{h,createApp}from'vue'constMyComponent={rende

**之火·2025-06-18 22:54

《vue3基础知识》学习笔记Day34-（Period2）进阶 API

渲染函数APIh()创建虚拟DOM节点(vnode)。第一个参数既可以是一个字符串(用于原生元素)也可以是一个Vue组件定义。第二个参数是要传递的prop，第三个参数是子节点。当创建一个组件的vnode时，子节点必须以插槽函数进行传递。如果组件只有默认槽，可以使用单个插槽函数进行传递。否则，必须以插槽函数的对象形式来传递。为了方便阅读，当子节点不是插槽对象时，可以省略prop参数。import{h

sameen1900·2025-06-18 22:54

【小程序开发0基础】黑马程序员微信小程序开发02

本文是笔者自己学习过程中的笔记，仅记录，如需参考，留赞自取即可。可能存在疏漏等，敬请指正。如有侵权，可联系删文。结合黑马程序员的视频和ppt更易理解。

·2025-06-18 22:22

在windows11和24年最新ubuntu24.04LTS下配置jupyter notebook

有坡·2025-06-18 21:50

web3入门学习笔记

学习目标：区块链的概念与定义编程语言编程语言：源自登联社区目前的主流语言都有Web3的实现，列举参考：JavaScriptWeb3.jsPythonWeb3.pyHaskellhs-web3Javaweb3jScalaweb3j-scalaPurescriptpurescript-web3PHPweb3.phpPHPethereum-php另一个切入点是智能合约的开发，在以太坊现在推荐的语言是So

失去梦想的大鸡腿子·2025-06-18 21:45

C#入门学习笔记 #10（接口、依赖反转、单元测试、Moq、接口隔离原则、反射、依赖注入）

欢迎进入这篇文章，文章内容为学习C#过程中做的笔记，可能有些内容的逻辑衔接不是很连贯，但还是决定分享出来，由衷的希望可以帮助到你。

爱吃煎蛋的小新·2025-06-18 20:43

详细分析Canvas基本知识（以Vue3为基础）

目录1.基本知识2.Demo2.1填充矩形和描边矩形2.2清空矩形区域2.3绘制直线和路径2.4绘制圆形2.5绘制图像2.6多个形状组合3.彩蛋1.基本知识以下是关于Canvas的基本知识和对应API的详细分析，以表格形式呈现，并附上多个可以直接执行的Demo示例Canvas是一个HTML元素，允许使用JavaScript动态绘制图形和动画Canvas提供了一组API，使开发者可以直接在浏览器中进

码农研究僧·2025-06-18 20:40

鹏程万里------VUE3 xlsx导入excel读取数据

首先是html部分{{form.file_path}}{{'选择excel'}}然后是js部分constupload=async(file:any)=>{//constpath=awaitfileUpload(file)//if(false){//ElMessage.error()//return//}//form.file_path=path//console.warn(form.file_pa

苏西守护者·2025-06-18 20:08

vue3的生命周期

Vue3的生命周期与Vue2类似，但在CompositionAPI中提供了新的方式来使用生命周期钩子。

没资格抱怨·2025-06-18 19:04

Vue 3 Diff 算法过程及基本实现方式

Vue3的Diff算法Vue3使用的是一种高效的DOMDiff算法，主要用于在虚拟DOM树发生变化时，计算最小的操作以更新真实DOM。相比Vue2，Vue3的Diff算法做了很多优化。

椒盐大肥猫·2025-06-18 19:34

vue3 模板编译过程

Vue3的模板编译过程将您在Vue单文件组件（.vue文件）或模板字符串中写的声明式模板转换成JavaScript渲染函数。

椒盐大肥猫·2025-06-18 19:33

Vue3 内置组件使用指南：提升开发效率的实用技巧

Vue3提供了一系列强大的内置组件，能够帮助开发者高效处理动态组件、内容分发、过渡动画等常见场景。本文将结合代码示例，讲解6个核心内置组件的实战用法。

产品经理跪着改需求·2025-06-18 19:03

【前端】Vue3 生命周期钩子详解

欢迎来到[爱学习的小羊]的博客！希望你能在这里发现有趣的内容和丰富的知识。同时，期待你分享自己的观点和见解，让我们一起开启精彩的交流旅程！>首页：爱学习的小羊–热爱AI、热爱Python的天选打工人，活到老学到老！！！导航-常用开发工具：包含代码补全工具,Vscode-AI工具,IDERorPycharm-AI工具,如何使用Cursor等更多教程…-VScode-AI插件：集成13个种AI模型（G

爱学习的小羊啊·2025-06-18 19:03

Vue 3 生命周期钩子详解

Vue3虽然引入了CompositionAPI，但依然保留了选项式API中的生命周期概念，只是部分钩子名称有所变化。

图灵科竞社资讯组·2025-06-18 19:02

Vue3核心技术之虚拟DOM

在Vue3中，**虚拟DOM（VirtualDOM）**是核心技术之一，它通过在内存中创建轻量级的DOM表示，优化了UI渲染的性能。1.什么是虚拟DOM？

guokanglun·2025-06-18 18:01

Vue3-高级特性

一、Vue中自定义指令1.认识自定义指令在Vue的模板语法中我们学习过各种各样的指令：v-show、v-for、v-model等等，除了使用这些指令之外，Vue也允许我们来自定义自己的指令。注意：在Vue中，代码的复用和抽象主要还是通过组件；通常在某些情况下，你需要对DOM元素进行底层操作，这个时候就会用到自定义指令；自定义指令分为两种:自定义局部指令：组件中通过directives选项，只能在当

DustinWangq·2025-06-18 18:00

Vue3开发从入门到精通

Vue3开发从入门到精通学习目录第一部分：Vue3概述第1章：Vue3简介什么是Vue3Vue3的历史和发展Vue3的主要特点和优势Vue3的应用场景第2章：Vue3的演进过程从Vue1到Vue3的演进

莲华君·2025-06-18 18:29

Vue3组合式API深度解析：模式、实践与架构级应用

一、组合式API设计哲学1.1响应式编程演进1.2组合式特性对比表特性选项式API组合式API优势分析代码组织按选项分块逻辑聚合高内聚低耦合类型推导有限支持完整TS支持开发体验提升60%逻辑复用Mixins混入自定义Hook降低复杂度50%生命周期固定钩子动态注册灵活度提升80%响应式追踪隐式追踪显式声明可维护性增强70%二、核心响应式机制剖析2.1响应式系统实现//简化的响应式核心实现class

桂月二二·2025-06-18 18:59

溜达哥·2025-06-18 18:59

Python实训题目（1）实现文本中的词频统计和排序

目录目录目录题目题干解析功能函数说明各部分代码功能分析选项解析选项A选项B选项C选项D知识点笔记1.字符串方法join()的基本用法2.列表方法append()的基本用法3.字典方法values()的基本用法

·2025-06-18 18:28

Vue 面试核心知识点详解

Vue3.x改用ProxyAPI，直接代理整个对象，解决了Vue2中数组索引修改、对象属性增删无法监听的缺陷，性能更高且支持动态新增属性。

前端小崔·2025-06-18 18:56

游戏本装什么系统比较好？全面解析与推荐

游戏本作为专为游戏设计的高性能笔记本，其硬件配置已经足够强大，但操作系统的选择同样不可忽视。本文将深入探讨游戏本适合安装哪些操作系统，并推荐几款经过优化的系统，以满足游戏玩家的需求。

mmoo_python·2025-06-18 18:55

el-select+el-tree实现树形分组+多选+搜索的选择器

注意父组件用的vue3语法，子组件用的vue2的语法封装treeList子组件，直接上代码exportdefault{name:'TreeSelect',props:{//v-model绑定value:

₍•ʚ•₎呀呀·2025-06-18 16:44

vue3中element-plus修改el-tooltip的宽度

注意选中的样式是:deep(.el-popper.is-dark){max-width:30%!important;}也有可能不需要后面的.is-dark，看情况而定，总之不是.el-tooltip修改el-tooltip的显示高度参考：前端字数太多使用el-table设置show-overflow-tooltip显示不下，闪烁不显示_某页面的el-table统一开启show-over-toolt

selfsuer·2025-06-18 15:42

vue3 el-select+el-tree实现下拉树形选择

主要功能：多选，移除标签，清空标签，模糊搜索，禁用，全选，清空全选清空import'element-plus/dist/index.css'import{getFileTypeTree}from'@/api/Customer/index'exportdefault{name:'App',data(){return{noticeTypeId:[],//最后获取的选择idtreeProps:{valu

控糖__he·2025-06-18 15:10

vue3+element-plus el-date-picker日期组件再次封装（DatePicker与DateTimePicker合并根据type值来显示并自定义常规快捷方式）

1、最终效果2、TDatePicker参数配置1、简介：基于ElementUIDatePickerDateTimePicker组件的二次封装，取决于type值代码示例：2、t-date-picker（Attributes）继承DatePickerDateTimePicker的Attributes参数说明类型默认值v-model绑定值[String,Date,Array]-plusTime日期范围是

wocwin·2025-06-18 15:10

Vue3 Pinia Store 生命周期管理

在Vue3的Pinia中，defineStore定义的store本身没有onUnmounted生命周期钩子。

BillKu·2025-06-18 15:39

2024年软件测试最全Pytest 教程：进阶用法 - 常用断言和数据驱动！，从外包公司到今日头条offer

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新需要这份系统化的资料的朋友，可以戳这里获取***列表相等断言**：检查两个列表是否相等

2401_84788430·2025-06-18 15:39

第17天：数据库学习笔记1

数据库学习笔记1SQL语言介绍2数据库的安装2.1启动数据库方式一：netstartmysql方式二：在计算机管理里面手动打开数据库2.2登录MySQL方式一：本地登录即数据库与客户端在同一台电脑上。

O执O·2025-06-18 15:05

vue项目笔记

命令安装npmitypescript-gnpmipnpm-gvuter自动生成代码块插件vue-officialvuevscodesnippets安装项目环境nvm下载地址https://nvm.uihtm.com/doc/download-nvm.htmlnvm命令行nvm-vnvmlistavailablenvmlsnvminstall16.20.2nvmuse16.20.2配置阿里镜像仓库n

碎叶城李白·2025-06-18 15:32

嵌入式|蓝桥杯STM32G431（HAL库开发）——CT117E学习笔记04：从零开始创建工程模板并开始点灯

系列文章目录嵌入式|蓝桥杯STM32G431（HAL库开发）——CT117E学习笔记01：赛事介绍与硬件平台嵌入式|蓝桥杯STM32G431（HAL库开发）——CT117E学习笔记02：开发环境安装嵌入式

观寻常·2025-06-18 14:56

《C++并发编程实战》笔记（一、二）

一、简介抽象损失：对于实现某个功能时，可以使用高级工具，也可以直接使用底层工具。这两种方式运行的开销差异称为抽象损失。二、线程管控2.1线程的基本控制1.创建线程线程相关的管理函数和类在头文件：#include创建一个线程使用如下方法：std::threadt(callable);callable：线程函数，可以是任意的可调用对象线程对象创建后会立即启动线程运行2.控制线程的结束线程启动后，必须显

上官永石·2025-06-18 13:55

Spring Boot + MyBatis + Redis Vue3 Docker + Kubernetes + Nginx

1.1毕设项目需求分析（附需求文档片段）一、项目全景与技术选型1.1毕设项目需求分析（附需求文档片段）1.1.1项目背景本项目为高校教务管理系统，旨在解决传统纸质化管理模式效率低、数据分散的问题。系统需支持课程管理、成绩录入、选课排课、学籍查询等功能，同时满足多角色权限控制（教师、学生、管理员）。1.1.2核心需求1.**用户管理模块**-[x]用户注册/登录（支持JWT鉴权）-[x]角色权限分配

·2025-06-18 12:13

STM32学习笔记：IIC接口使用深度解析

一、引言：嵌入式世界的“神经末梢”I²C（Inter-IntegratedCircuit）总线由飞利浦（现恩智浦）于1982年设计，已成为低速设备通信的工业标准。在STM32开发中，IIC因仅需两根线即可连接128个设备（7位地址）的特性，被广泛用于传感器、EEPROM、RTC等外设。本文将带您从协议本质出发，深入剖析STM32硬件IIC与软件模拟方案，并分享解决总线锁死、时序配置等核心难题的实战

爱睡觉的王宇昊·2025-06-18 11:09

旅游门票预订系统小程序ThinkPHP+UniApp

ThinkPHP+Uniapp开发的旅游门票预订系统，支持景点门票、导游产品便捷预订、美食打卡、景点分享、旅游笔记分享等综合系统，提供前后台无加密源码，支持私有化部署。

源码库saaskw·2025-06-18 10:03

Vue3监听滚轮加ctrl键控制放大缩小

constscale=ref(1);//初始缩放级别constzoomSpeed=0.1;//缩放速度constzoomableElement=ref(null);consthandleWheel1=event=>{if(event.ctrlKey){//阻止默认的页面滚动行为event.preventDefault();//判断滚轮方向：向上放大，向下缩小if(event.deltaY=2){r

Study_Live_Sun·2025-06-18 09:20

推荐频道

vue3笔记