前端学习之Vue 第13页

UniApp + Vue3开发中的坑：无法获取到dom元素的排查过程无法直接修改style样式的坑

UniApp+Vue3开发中的坑：无法获取到dom元素的排查过程无法直接修改style样式的坑欢迎关注『开发必备』专栏，专注于解决你在开发过程中遇到的各种问题，帮你快速找到解决方案，节省大量调试时间。

代码简单说·2025-02-12 03:17

软件测试之单元测试、系统测试、集成测试

点击文末小卡片，免费获取软件测试全套资料，资料在手，涨薪更快一、单元测试的概念单元测试是对软件基本组成单元进行的测试，如函数或一个类的方法。当然这里的基本单元不仅仅指的是一个函数或者方法，有可能对应多个程序文件中的一组函数。单元也具有一些基本的属性。比如：明确的功能、规格定义，明确的与其他部分的接口定义等，可清晰地与同一程序的其他单元化分开来。二、单元测试的目的单元测试的目的在于发现各模块内部可能

互联网杂货铺·2025-02-12 03:13

软件测试之单元测试、系统测试、集成测试详解

一、单元测试的概念单元测试是对软件基本组成单元进行的测试，如函数或一个类的方法。当然这里的基本单元不仅仅指的是一个函数或者方法，有可能对应多个程序文件中的一组函数。单元也具有一些基本的属性。比如：明确的功能、规格定义，明确的与其他部分的接口定义等，可清晰地与同一程序的其他单元化分开来。二、单元测试的目的单元测试的目的在于发现各模块内部可能存在的各种错误，主要是基于白盒测试。（也就是说，在单元测试过

测试界的扛把子·2025-02-12 02:12

计算机毕业设计——springboot的准妈妈孕期交流平台

作者：程序媛9688开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等。

程序媛9688·2025-02-12 02:41

python高级用法之typing类型提示

typing是Python的一个标准库模块，用于支持类型提示（TypeHints）。类型提示允许你在代码中显式地声明变量、函数参数和返回值的类型，从而提高代码的可读性和可维护性。虽然Python是一种动态类型语言，但类型提示可以帮助开发人员更好地理解代码。Python本身不会强制执行这些类型检查，但借助mypy等静态类型检查工具，可以进行静态类型分析，帮助发现潜在错误。如：为函数参数和返回值添加类

atom goper·2025-02-12 02:11

[vue3] Ref Reactive

【b站-【前端面试】Vue3ref与reactive区别】Ref：Ref用于创建一个响应式的基本数据类型，比如数字、字符串等。它将普通的数据变成响应式数据，可以监听数据的变化。

533_·2025-02-12 02:09

HTML之JavaScript循环结构

HTML之JavaScript循环结构基本for循环与while循环与后端编程语言一致增强for循环（foreach）需要稍微注意一下冒号换成in，定义的临时变量表示索引而不是数组实际值Document

录大大i·2025-02-12 02:08

在React中使用v-if语法(基于babel)

众所周知在React中并没有像Vue那么多的API，所有功能都要依托于原生JS去实现。

weixin_33739541·2025-02-12 01:34

【前端】【面试】ref与reactive的区别

ref与reactive的区别笔记一、概述在Vue3的组合式API中，ref和reactive是两个非常重要的响应式工具，它们都用于创建响应式数据，但在使用方式、适用场景和内部实现上存在一些区别。

患得患失949·2025-02-12 01:03

【前端】【面试】【经典一道题】vue中组件传值的几种方式

import{ref}from'vue';importChildComponentfrom'.

患得患失949·2025-02-12 01:03

Centos和Ubuntu的介绍与区别

Centos和Ubuntu的介绍1.什么是centosCentOS(CommunityEnterpriseOperatingSystem)是脱胎于RedHatEnterpriseLinux(RHEL)并与之兼容的由社区支持的克隆版

桃杬·2025-02-12 01:01

推荐项目：Vue-Touch-Ripple，打造优雅的触碰涟漪效果

杭云瑗Ward·2025-02-12 01:29

认识Electron 之开启探索世界二（绝对干货！！！）

目录一、主进程和渲染进程二、主进程和渲染进程的通信三、窗口管理四、Electron生命周期一、主进程和渲染进程1.主进程：是electron应用的大脑负责管理整个应用的生命周期，主要负责：创建和管理应用窗口处理系统级别的操作（如文件读写、菜单和任务栏等）与操作系统直接交互特点：每个electron应用只有一个主进程并且其运行在node.js环境中可以使用node.js的所有功能2.渲染进程：是el

DawnEillen·2025-02-12 00:56

【前端】【面试】【经典一道题】前端 Vue、React 采用单向数据流的原因

前端Vue、React采用单向数据流的原因一、可预测性1.数据流向清晰在单向数据流架构里，数据从父组件流向子组件的路径是明确且可预期的。

患得患失949·2025-02-12 00:26

PostgreSQL之pg_stat_statements模块，实现对SQL的统计

文章目录参考文档官方文档对pg_stat_statements的解释1pg_stat_statements的视图2安装使用pg_stat_statements2.1编译安装2.2配置postgresql.conf2.3进入数据库3常用的统计sql参考参考文档https://blog.csdn.net/lengzijian/article/details/8133471https://blog.cs

IT民工9727·2025-02-12 00:23

四、Python之math及random的常用方法

一、mathImportmathmath.pi：圆周率math.e：自然常数math.ceil(1.7)：向上取整，2math.floor(1.7)：向下取整，1math.pow(15，3)：指数运算，15的3次方math.log(3)：默认底数为e，log(3)math.log(100，10)：第二个参数为底数math.sqrt(4)：平方根计算math.sin()：sin运算math.cos(

汽车小卓·2025-02-11 23:45

vue实现自定义校验值是否有效

新建mixin/valid.jsexportdefault{data(){return{//invalidValues:newSet(["undefined","null","NaN","",null,undefined])invalidValues:["undefined","null","NaN","",null,undefined,NaN]};},methods:{isValidValue(

毛三仙·2025-02-11 23:14

C# 设计模式之适配器模式

总目录前言在实际的开发过程中，由于需求的变化和扩展，我们的代码也需要做相应的扩展。想象这样一个场景，原项目中接口返回的数据是XML格式的数据，但现在来了一个新客户，它期望接口返回的数据类型为json格式的。想要实现要么就是改原有接口，但这样就违反了开闭原则，容易出现未知bug，影响到老客户的正常使用。而如果写一个适配器类也就是转换类（第三方类），将原本返回的XML格式数据转换成json格式数据，而

鲤籽鲲·2025-02-11 22:09

RP-series PIO（六）-PIO 使用入门之 PIO 和 DMA

RP-seriesPIO（六）-PIO使用入门之PIO和DMAPIO和DMA（一个逻辑分析器）PIO和DMA（一个逻辑分析器）前面的文章介绍过如何从处理器直接向PIO写入数据，这往往会使处理器处于空转状态

qichengzong_right·2025-02-11 22:39

pico-sdk（五）-程序架构之库结构（2）

pico-sdk（五）-程序架构之库结构（2）硬件结构体库硬件寄存器库TinyUSB端口FreeRTOS端口在PicoW上使用Wi-Fi在PicoW上使用蓝牙硬件结构体库hardware_structs

qichengzong_right·2025-02-11 22:38

C# 设计模式结构型模式之适配器模式

适配器模式是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式，它结合了两个独立接口的功能。这种模式涉及到一个单一的类，该类负责加入独立的或不兼容的接口功能。应用场景：读卡器是作为内存卡和笔记本之间的适配器。您将内存卡插入读卡器，再将读卡器插入笔记本，这样就可以通过笔记本来读取内存卡。优点：1、可以让任何两个没有关联的类一起运行。2、提高了类的复用。3、增加了类的透明度。4、灵活性好

持久的胜利·2025-02-11 22:38

Vue2常用指令

一、指令基础概念在Vue2里，指令是带有v-前缀的特殊属性。它的主要作用是当表达式的值发生变化时，会相应地将某些特殊的行为应用到DOM上。

鸡吃丸子·2025-02-11 22:38

一步步：在 VSCode 中本地运行 DeepSeek，打造强大的私人 AI 副驾驶

知识大胖·2025-02-11 22:06

在Vue项目中如何实现国际化（i18n）的高级支持，包括多语言切换、动态翻译、本地化资源管理等技术的应用，以及如何处理文化差异和性能问题!

在Vue项目中实现国际化（i18n）是支持多语言应用的关键需求。通过国际化，可以让应用适应不同语言和地区的用户，提升用户体验。

dxh_888·2025-02-11 22:36

DeepSeek之Vscode辅助编码AI神器continue插件

案例效果1、安装或者更新vscode有些版本的vscode不支持continue，最好更新到最新版，也可以直接官网下载https://code.visualstudio.com/Download2、安装continue插件搜索continue，还未安装的，右下脚有个Install，点击安装即可<

GIS从业者·2025-02-11 21:00

vue3 在线预览word文件

一、使用mammoth插件安装插件pnpminstallmammoth--save-dev使用importmammothfrom"mammoth";import{ref}from"vue";consthtmlContent

·2025-02-11 21:43

python 之 argparse模块

argparse是Python内置的一个用于命令项选项与参数解析的模块argparse使用三部曲1.创建对象--ArgumentParse()importargparseparser=argparse.ArgumentParser()2.添加参数--add_argument()parser.add_argument('--cfg',type=str,help='cfgfilepath')3.解析参

gan244·2025-02-11 21:26

机器学习（入门3）

机器学习（入门3有监督学习算法之回归算法）4回归算法4.1线性回归：利用函数对一个或多个特征值和目标值之间关系进行建模分析的方式回归问题：目标值------连续性函数公式：h(W)=w1x1+w2x1+

caspesjpe·2025-02-11 21:55

Linux内核学习之--模块与设备

一、引言本章讨论内核的四种成分设备类型：为了统一普通设备的操作做的分类模块：Linux内核中按照需求加载和卸载目标源码的机制内核对象：内核数据结构中支持面向对象的简单操作，还维护对象之间的父子关系sysfs：表示系统中设备树的一个文件系统二、设备类型Unix系统中，所有设备被分为以下三类块设备字符设备网络设备块设备blkdev，通常可再’/dev/block’目录下查看，寻值单位为块(相当于硬件概

文艺小少年·2025-02-11 20:53

学好C++之——命名空间

c++开始学习之时，你不可避免会遇到一个新朋友，那就是——namespace（命名空间）。那么这篇文章就来为你解决这个小麻烦喽~目录1.namespace存在的意义2.namespace的定义3.namespace的使用1.namespace存在的意义在C++中，变量、函数和后面要学到的类都是大量存在的，这些变量、函数和类的名称将都存在于全局作用域中，可能会导致很多冲突。使用命名空间的目的是对标识

一条鱼头·2025-02-11 19:47

【雕爷学编程】MicroPython手册之 ESP32-C3 软件SPI总线

MicroPython是为了在嵌入式系统中运行Python3编程语言而设计的轻量级版本解释器。与常规Python相比，MicroPython解释器体积小(仅100KB左右)，通过编译成二进制Executable文件运行，执行效率较高。它使用了轻量级的垃圾回收机制并移除了大部分Python标准库，以适应资源限制的微控制器。MicroPython主要特点包括:1、语法和功能与标准Python兼容,易学

驴友花雕·2025-02-11 19:45

【雕爷学编程】MicroPython手册之 ESP32-C3 延时和时间

MicroPython是为了在嵌入式系统中运行Python3编程语言而设计的轻量级版本解释器。与常规Python相比，MicroPython解释器体积小(仅100KB左右)，通过编译成二进制Executable文件运行，执行效率较高。它使用了轻量级的垃圾回收机制并移除了大部分Python标准库，以适应资源限制的微控制器。MicroPython主要特点包括:1、语法和功能与标准Python兼容,易学

驴友花雕·2025-02-11 19:44

redis sqlserver 同步_SQLServer数据库之NoSQL数据库之-------Redis(二）

本文主要向大家介绍了SQLServer数据库之NoSQL数据库之-------Redis(二)，通过具体的内容向大家展现，希望对大家学习SQLServer数据库有所帮助。

weixin_39924179·2025-02-11 19:14

vue基础（五）

Vue实例在创建、挂载、更新、销毁的过程中会触发一系列的生命周期钩子（LifecycleHooks），让开发者可以在不同阶段执行逻辑。

Goodbaibaibai·2025-02-11 18:40

Java实现kaptcha网页验证码验证，你会吗？？？

在做关于SSM项目之商铺系统时，了解到了kaptcha实现网页验证码验证，感觉就很有趣，所以便开始学习记录了起来|ू･ω･`)，复制粘贴即可用。

一个爱运动的程序员·2025-02-11 18:35

常用工具类之使用kaptcha生成验证码

验证码的作用防止恶意破解密码、刷票、论坛灌水、刷页。有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登录尝试，实际上使用验证码是现在很多网站通行的方式（比如招商银行的网上个人银行，百度社区），我们利用比较简易的方式实现了这个功能。虽然登录麻烦一点，但是对网友的密码安全来说这个功能还是很有必要，也很重要。但我们还是提醒大家要保护好自己的密码，尽量使用混杂了数字、字母、符号在内的6

我是一个小仓鼠01·2025-02-11 18:35

Vue3计算属性

比如说，我们有这样一个包含嵌套数组的对象：//jsconstauthor=reactive({name:'JohnDoe',books:['Vue2-AdvancedGuide','Vue3-BasicGuide

海绵宝龙·2025-02-11 18:05

Vue3 实现勾选 + 列表拖拽 + 搜索列表

item.label}}全选-->已选属性(共{{selectedItems.length}}个){{element.label}}置顶删除-->取消确认import{computed,ref,toRefs}from'vue'importdraggablefrom'vuedraggable

A-sleep·2025-02-11 17:59

vue3+vite assets动态引入图片的几种方式，解决打包后图片路径错误不显示的问题

vite官方默认的配置，如果资源文件在assets文件夹打包后会把图片名加上hash值，但是直接通过:src="imgSrc"方式引入并不会在打包的时候解析，导致开发环境可以正常引入，打包后却不能显示的问题vue3

A-sleep·2025-02-11 17:29

Vue - elementUI 下拉菜单dropdown组件中command方法添加额外参数

在使用dropdown组件的时候，需要的参数可能很多，不仅仅是command一个参数。这就需要通过composeValue构造一个结构了。//方法部分的处理handleCommand(command){console.log(command)},composeValue(item,id){return{button:item,id:id}}打印结果table中编辑投放列表handleCommand

A-sleep·2025-02-11 17:29

数据结构之链表

1.链表的基本概念节点（Node）：链表的基本组成单元。每个节点包含数据和指向下一个节点的指针。头节点（Head）：指向链表的第一个节点，通常用于定位整个链表。尾节点（Tail）：指向链表的最后一个节点，尾节点的指针域通常为null（即不再有下一个节点）。空链表（EmptyList）：链表中没有任何节点时，头指针为null。2.链表的类型单向链表（SinglyLinkedList）：每个节点只包含

Hu_go__·2025-02-11 17:58

【从零开始入门unity游戏开发之——C#篇55】C#补充知识点——解构函数（Deconstruct）

考虑到每个人基础可能不一样，且并不是所有人都有同时做2D、3D开发的需求，所以我把【零基础入门unity游戏开发】分为成了C#篇、unity通用篇、unity3D篇、unity2D篇。【C#篇】：主要讲解C#的基础语法，包括变量、数据类型、运算符、流程控制、面向对象等，适合没有编程基础的同学入门。【unity通用篇】：主要讲解unity的基础通用的知识，包括unity界面、unity脚本、unit

向宇it·2025-02-11 16:23

lua 游戏架构之游戏 AI （九）ai_mgr Ai管理

先定义AI行为枚举和优先级：lua游戏架构之游戏AI（八）ai_tbl行为和优先级-CSDN博客https://blog.csdn.net/heyuchang666/article/details/140712839

heyuchang666·2025-02-11 16:21

vue3项目中使用lodash

createApp(App)app.config.globalProperties.lodash=_;//设置全局变了3.界面使用......import{getCurrentInstance}from"vue"const

·2025-02-11 16:25

vue3+vite项目h5/web配置浏览器自适应适配（postcss-px-to-viewport-8-plugin）

注意，项目中不要写行内样式vue3+vite项目配置适配H5主要安装一下两个插件：amfe-flexible（主要用于动态设置根元素字体大小(rem)，以根据屏幕尺寸进行自适应布局）postcss-px-to-viewport

·2025-02-11 16:25

vue3+vite项目，elementPlus自定义主题

vue3+vite配置elementPlus主题需要安装一下两个插件：unplugin-vue-componentsunplugin-auto-import开始配置：第一步、安装插件pnpminstall-Dunplugin-vue-componentsunplugin-auto-import

·2025-02-11 16:54

vue+echarts实现力导向图节点(自定义样式)

效果预览橘黄色节点为主节点自定样式，其余都是子节点实现步骤：附主要逻辑代码组装节点数据importuserselffrom'../../../../static/img/user-self.png'importuserotherfrom'../../../../static/img/user-other.png'varnodes=Object.values(this.nodesMap).map(f

在下陈平安·2025-02-11 16:19

rdian是一个结构体，pdian=^Rdian，list泛型做什么用？

不明白不让编译的原因，记录下之遇到注意原油。

ljklxlj·2025-02-11 15:48

vue中使用lodash的debounce(防抖函数)

1、安装npmi--savelodash.debounce2、引入importdebouncefrom'lodash.debounce'3、使用第一种：handleInput:debounce(function(val){console.log(val)},200)第二种：handleInput(val){console.log(val)}created(){this.handleInput=de

晚时之秋·2025-02-11 15:17

Openlayers加载天地图、百度、高德、ArcGIS、Bing、OSM、Google地图（结合Vue 详细教程）

目录Openlayers加载天地图、百度、高德、ArcGIS、Bing、OSM、Google地图1.地图数据源类型及其使用方法1.XYZ(ol/source/XYZ)2.OSM(ol/source/OSM)3.WMS(ol/source/TileWMS)2.如何在地图中使用数据源1.使用XYZ数据源（StamenMaps服务）2.使用OSM数据源3.使用WMS数据源（以Geoserver服务为例）

三维giser·2025-02-11 14:43

推荐频道

前端学习之Vue

UniApp + Vue3开发中的坑：无法获取到dom元素的排查过程 无法直接修改style样式的坑