Vue折腾记第16页

webpack5项目-编译打包常用资源模块loader配置

webpack5汇总目录一.资源模块二.编译打包配置1.编译打包图片文件2.编译打包字体文件3.编译打包css文件4.编译打包less文件5.打包sass文件6.编译打包js文件排除不应参与转码的库7.打包vue

yaoyongcsdn·2025-02-22 04:58

（《机器学习》完整版系列）附录 ——3、复合函数梯度的链式法则（链的次序不可交换）

首创了的链式记号，非常易记：分子右挪+分数约分，特别是它强调了链的表达次序，由于矩阵积没有交换律，故该链的次序不可交换。

人工干智能·2025-02-22 03:17

Vite 学习笔记

优势vite是vue团队官方出品,vue-cli会在下面两个版本中将vite作为预设构建工具未来适用vue-cli构建vue项目时要写的vue.config.js不再是webpack的配置而是vite的配置

a鲸·2025-02-22 00:53

vuex 简单使用

vuex简单使用示例：管理一个对象状态假设我们要管理一个用户对象user，包含name和age两个属性。

xwhking·2025-02-22 00:19

Vue CLI项目创建指南：选择预设与包管理器（PNPM vs NPM）

在VueCLIv5.0.8版本中，当你创建新项目时，会面临选择预设（preset）和包管理器（packagemanager）的决策。

瑞金彭于晏·2025-02-21 23:47

junit格式报告解析工具

工具介绍该工具使用vue+ElementUI+Echarts开发，主要的流程是上传xml文件，然后根据报告，生成测试结果汇总

东汉末年出bug·2025-02-21 23:16

npm run serve 启动vue项目时报错 throw er Unhandled “error” event

原由：npmrunserve启动vue项目时，报错thrower;//Unhandled‘error’event；纳闷了昨天下午下班时都是没有问题的,除了问题就解决呗！

菜鸟小营地·2025-02-21 23:44

npm启动vue报错 Error: listen EACCES: permission denied 0.0.0.0:8085

报错日志：D:\****\***>npmrundev>vue[email protected]***>node--max_old_space_size=4096build/dev-server.js

arvin_baichuan·2025-02-21 23:43

【前端VUE】npm i 出现版本错误等报错简单直接解决命令

前端vuenpmi安装时出现报错原因在新版本的npm中，默认情况下，npminstall遇到冲突的peerDependencies时将失败。

华如锦·2025-02-21 23:41

快速入门Springboot+vue——MybatisPlus多表查询及分页查询

学习自哔哩哔哩上的“刘老师教编程”，具体学习的网站为：7.MybatisPlus多表查询及分页查询_哔哩哔哩_bilibili，以下是看课后做的笔记，仅供参考。多表查询多表查询[Mybatis中的]：实现复杂关系映射，可以使用@Results直接，@Result注解，@One注解，@Many注解组合完成复杂关系的配置。@Results：代替标签，该注解中可以加入单个或多个@Result注解@Res

ONEPEICE-ing·2025-02-21 23:10

7天撸完KTV点歌系统,含后台管理系统(完整版)

,7天累死我了,不过技术点还挺多的,希望你可以看完（〜㉨)〜用Node(Express)教你写KTV点歌系统，包括前台内容和后台管理系统，整合Express框架和Mongodb数据库服务器开发；教你用Vue.JS

码上来財·2025-02-21 20:26

基于Java+Spring+vue+element实现旅游信息管理平台系统

基于Java+Spring+vue+element实现旅游信息管理平台系统作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟

网顺技术团队·2025-02-21 20:21

第11篇：Provide/Inject（跨组件通信）

目标：掌握跨层级组件通信的核心方式1.基础用法import{provide}from'vue'//提供静态数据provide('theme','dark')//提供响应式数据constcount=ref

道不尽世间的沧桑·2025-02-21 20:21

Vue+Jest 单元测试

这里总结一下各种遇到的单测场景挂载组件，调用elementui,mock函数```javascriptdescribe('页面验证',()=>{constwrapper=getVue({component

arron4210·2025-02-21 20:48

Vue.js Vue 测试工具：Vue Test Utils 与 Jest

Vue.jsVue测试工具：VueTestUtils与Jest在Vue.js的开发过程中，编写和执行测试是确保应用质量和稳定性的关键步骤。

轻口味·2025-02-21 19:45

Vue.js组件开发深度解析：从原理到最佳实践

Vue.js组件开发深度解析：从原理到最佳实践一、Vue组件核心运行机制1.1响应式数据驱动原理//Vue3的响应式实现constreactiveMap=newWeakMap();functionreactive

星鬼123·2025-02-21 19:42

uniapp多端适配

UniApp是一个基于Vue.js开发多端应用的框架，它可以让开发者编写一次代码，同时适配iOS、Android、Web等多个平台。

林同学++·2025-02-21 19:12

Vue中虚拟DOM的全面解析

在Vue中，组件模板会被编译成虚拟DOM树，通过Diff算法对比新旧虚拟DOM，计算出最小化的DOM操作，最终批量更新真实DOM。二、为什么需要虚拟DOM？

七公子77·2025-02-21 18:05

解决npm问题：错误的代理设置

错误的代理设置npminstallvue-waterfall-plugin-nextnpmERR!codeECONNREFUSEDnpmERR!syscallconnectnpmERR!

Yuleo_·2025-02-21 18:32

Vue.js中实现登录密码框的“眼睛图标”交互效果

开发一个Vue项目，在登录页实现用户登录，密码框一般会有一个小眼睛的图标，用来让用户主动进行密码的显示隐藏功能，之前的实现思路比较麻烦，是通过在input框后添加图标，给图标添加点击事件，来切换input

~凉嗖嗖·2025-02-21 17:24

深入理解 Vue 中的响应式系统

Vue.js是一个用于构建用户界面的渐进式框架。它的核心特性之一就是响应式系统，这使得数据和视图能够自动保持同步。

沉浮yu大海·2025-02-21 17:21

具名插槽 slot使用

1.普通的子组件插槽//Children.vue使用1232.具名插槽//Children.vue123使用456//会替换子组件slot内容和位置3.作用域插槽//子组件{{user.msg}}{{hobby.fruit

Jackson_3791·2025-02-21 17:20

【HUSTOJ 判题机源码解读系列01】判题机架构、判题流程浅析

HUSTOJ判题机源码解读系列011.HUSTOJHUSTOJ是一个开源的在线判题系统，很早之前就已经开发了，在源码里我甚至看到过2008年的Git提交记录（也有可能没这么早，记不太清了），时至本篇博客编写之际

伊灵eLing·2025-02-21 16:12

vue中子组件和子组件之间怎么通信_Vue.js中父子组件之间通信方法实例详解

Vue.js中父子组件之间通信方法实例详解发布于2020-11-27|复制链接摘记:本文实例讲述了vuejs中父子组件之间通信方法。

weixin_39774445·2025-02-21 15:06

vue3和vue2父子组件互相通信的方式和原理

一、背景介绍在Vue框架中，父子组件之间的数据传递是一个核心功能，它允许组件之间进行有效的通信和数据共享。随着Vue3的发布，父子组件之间的传值方式发生了一些变化，同时也带来了一些新的特性和改进。

猿如意·2025-02-21 15:34

Vue页面为什么不能占整个页面

为什么页面总有间隙，以为是自己编程的问题，其实不然，这是vue项目自带的css样式，出现这种情况这是因为项目自带的css样式影响解决方案：打开项目中的style.css文件将#app的标签给注释就解决了这个问题

CspecialJ·2025-02-21 15:02

Vue 中的防抖和节流，如何实现？

Vue中的防抖与节流：原理、实现与最佳实践一、核心概念与区别1.防抖（Debounce）防抖的核心是延迟执行，当高频事件触发时，只有在事件停止触发后的指定时间间隔内不再有新事件，才会执行目标函数。

程序员黄同学·2025-02-21 15:31

ref() 和 reactive()响应性浅解

`解构`详解2.1.什么是解构2.2.解构避免丢失响应性的办法2.2.1.解决方案：`toRefs()`保持响应性2.2.2.解决方案：`toRef()`保持响应性3.最佳实践在Vue3中，ref()和

懒懒的也很贴心·2025-02-21 14:59

前端面试题---虚拟dom更新原理

vue的生命周期里有"挂载"这个阶段这个阶段里,vue实例已经把准备好的组件挂载到页面,模版被编译成虚拟DOM,最终渲染到实际的dom中Vue虚拟DOM更新原理1数据变化：当组件数据变化时，Vue会重新生成虚拟

*星之卡比*·2025-02-21 14:58

vue3-04vue3中ref函数( 定义一个响应式的数据)

1.前言作用:定义一个响应式的数据语法:constxxx=ref(initValue)创建一个包含响应式数据的引用对象(reference对象，简称ref对象)JS中操作数据:xxx.value模板中读取数据:不需要.value，直接:{xxx]}备注:接收的数据可以是:基本类型、也可以是对象类型基本类型的数据:响应式依然是靠object.defineProperty()的get与set完成的。对

岂不闻·2025-02-21 14:27

Vue 3最新组件解析与实践指南：提升开发效率的利器

目录引言一、Vue3核心组件特性解析1.CompositionAPI与组件逻辑复用2.内置组件与生命周期优化3.新一代UI组件库推荐二、高级组件开发技巧1.插件化架构设计2.跨层级组件通信三、性能优化实战

Aic山鱼·2025-02-21 14:27

输入搜索、分组展示选项、下拉选取，el-select 实现：即输入关键字检索，返回分组选项，选取跳转到相应内容页 —— VUE项目-全局模糊检索

【效果图】：分组展示选项【去界面操作感受一下】—>便捷简洁的企业官网【录制效果视频展示】：菜单栏-快速检索1【流程】：（1）读取目标数据，如果是多个，需要多次读取；（2）对数据进行分组，放入特定分组数据结构；（3）各分组，做相应设置；（4）数据组装到el-select控件；（5）点击选项，跳转到相应位置。现将关键代码及结构附于下方：1.分组数据结构示例：（1）标准结构示例：groupSelectO

菲力蒲LY·2025-02-21 14:56

5.十九个下载保留的Obsidian插件汇总简介

插件使用原则Obsidian插件太多，介意只用最少最核心的插件，非必要不折腾，真的很费时间啊！AdvancedURI为什么下载？

growhuan·2025-02-21 14:51

前端：最简单封装nmp插件（组件）过程。

一、nmp使用1、注册nmp账号：npm|Home2、创建插件名称文件夹，如：vue3-components3、初始化一个package.json文件：nmpinitnpminitpackage.json

Smile_Gently·2025-02-21 13:45

VUE——mixins混入

Mixins（混入），一种分发Vue组件中可复用功能的非常灵活的方式；实际由一个mixins.js文件，导出一个js对象，包含组件中的变量、方法、生命周期函数（如：data、components、methods

水煮庄周鱼鱼·2025-02-21 10:55

智慧停车场系统（源码+文档+部署+讲解）

系统概述智慧停车场系统采用前后端分离的架构设计，服务端基于MySQL5.7+、JDK1.8+和Redis，前端则采用VUE2.6.14和element-ui2.15.6，并在NODE14.21.3(>=

·2025-02-21 10:55

vue中附件下载及打印功能

1.附件dom注：fileList是由后台返回的附件数组，数组中包含附件名称fileName,附件地址url，附件id等信息{{item.fileName}}下载打印2.安装打印pdf文件的pdfjs-dist依赖npminstallpdfjs-dist3.如果您使用Webpack，可能需要配置worker-loader来处理pdfjs-dist的Worker文件,安装worker-loadern

~张小八~·2025-02-21 10:21

90.在 Vue 3 中使用 OpenLayers 实现 Canvas 个性化圆形

本文将介绍如何在Vue3项目中结合OpenLayers使用canvas渲染个性化的圆形样式。项目背景在本项目中，我们使用Vue3和OpenLayers来实现地图的展示，同时在地图中

吉檀迦俐·2025-02-21 09:47

【全栈】SprintBoot+vue3迷你商城（12）

【全栈】SprintBoot+vue3迷你商城（12）往期的文章都在这里啦，大家有兴趣可以看一下后端部分：【全栈】SprintBoot+vue3迷你商城（1）【全栈】SprintBoot+vue3迷你商城

杰九·2025-02-21 09:46

基于DeepSeek+Vue3的AI对话聊天系统开发实战

文章目录1.项目概述1.1项目背景1.2项目目标1.3项目功能2.技术选型与架构设计2.1技术选型3.开发环境准备3.1前端环境3.2后端环境4.DeepSeekAPI集成4.1获取API密钥4.2创建API服务4.3创建API视图5.前端页面开发5.1创建聊天组件6.前后端交互实现6.1配置Axios6.2使用Pinia管理状态7.功能扩展与优化7.1多轮对话7.2对话历史记录8.项目部署与上线

北辰alk·2025-02-21 08:33

vue登陆下拉菜单

vue登陆下拉菜单用户个人信息修改密码退出登录

胡桃不是夹子·2025-02-21 08:33

接入jest单元测试常见问题收集

技术是没边界的，即使我在公司内部也分享过，仍不影响继续分享给大家）一、安装包并运行命令后报错类问题1、未安装测试运行器运行环境jest-environment-jsdomwindowisundefined,vue-test-uti

佚名猫·2025-02-21 08:03

Vue 状态管理

Vue状态管理引言在现代前端开发中，随着应用规模的增大，组件之间的状态管理变得越来越复杂。Vue.js作为一个流行的前端框架，提供了多种状态管理方案，其中最常用的是Vuex。

二川bro·2025-02-21 07:30

Springboot 集成 netty-socketio + Vue前端分离

Springboot集成netty-socketionetty-socketio：仿`node.js`实现的socket.io服务端1.将WebSocket、AJAX和其它的通信方式全部封装成了统一的通信接口2.使用时，不用担心兼容问题，底层会自动选用最佳的通信方式3.适合进行服务端和客户端双向数据通信pom.xmlcom.corundumstudio.socketionetty-socketio

Synologs过客·2025-02-21 07:59

vue项目在不同分辨率下页面的适配

vue项目中在不同分辨率下页面的适配（媒体查询方案）1.通过在不同分辨率下设置html的字体大小@mediascreenand(min-width:1281px)and(max-width:1366px

快乐的二进制鸭·2025-02-21 06:25

Vue3＋Vite创造路由

webpack和vite的vue-router添加路由有所不同，小编踩坑了1，先下载vue-routernpminstallvue-router@next2，配置vue-router需要配注意使用Vite

巴巴博一·2025-02-21 05:16

vue3+ts+vite创造路由

今天第一次用ts搞了半天1，在Vue3+TypeScript项目中配置路由，可以使用VueRouter4pnpminstallvue-router@42，在你的项目中创建一个路由配置文件，例如src/router

巴巴博一·2025-02-21 05:16

Ts＋Vue3＋Vite如何配置@路径

由vite创造的ts加vue3会有三个ts.json文件因此不需要include其他路劲，配置tsconfig.json:{"files":[],"references":[{"path":".

巴巴博一·2025-02-21 05:16

vue3手搓固钉组件

#创作灵感今天用固钉组件时发现element-ui的固钉会阻止移动端移动事件，我思来想去决定自己写一个固定组件得了实现思路获取钉子的ref实例并监听window滚动事件，当window.scrollY等于钉子的offsetHeight，添加position:fixed和top:0到钉子上，就能强行固定不动了。这时候会有一个bug：如果元素本来并没有定位，直接添加定位属性会使其脱离文档流造成周围元素

巴巴博一·2025-02-21 05:46

vue安装过程中遇到错误提示“npm ERR!”该如何解决？

在安装过程中遇到npmERR!错误是比较常见的，通常可能由多种原因引起。以下是一些常见的错误及其解决方法：一、常见错误及解决方案1.检查Node.js和npm版本确保你的Node.js和npm版本是最新的。你可以通过以下命令检查版本：node-vnpm-v如果版本较旧，请更新Node.js，npm通常会随之更新。2.清理npm缓存有时，npm缓存可能会损坏，导致安装错误。可以尝试清理缓存：npmc

祈澈菇凉·2025-02-21 05:45

推荐频道

Vue折腾记

webpack5项目-编译打包常用资源模块loader配置

（《机器学习》完整版系列）附录 ——3、复合函数梯度的链式法则（链的次序不可交换）

Vite 学习笔记

vuex 简单使用

Vue CLI项目创建指南：选择预设与包管理器（PNPM vs NPM）

junit格式报告解析工具

npm run serve 启动vue项目时 报错 throw er Unhandled “error” event

npm启动vue报错 Error: listen EACCES: permission denied 0.0.0.0:8085

【前端VUE】npm i 出现版本错误等报错 简单直接解决命令

快速入门Springboot+vue——MybatisPlus多表查询及分页查询

7天撸完KTV点歌系统,含后台管理系统(完整版)

基于Java+Spring+vue+element实现旅游信息管理平台系统

第11篇：Provide/Inject（跨组件通信）

Vue+Jest 单元测试

Vue.js Vue 测试工具：Vue Test Utils 与 Jest

Vue.js组件开发深度解析：从原理到最佳实践

uniapp多端适配

Vue中虚拟DOM的全面解析

解决npm问题：错误的代理设置

Vue.js中实现登录密码框的“眼睛图标”交互效果

深入理解 Vue 中的响应式系统

具名插槽 slot使用

【HUSTOJ 判题机源码解读系列01】判题机架构、判题流程浅析

vue中子组件和子组件之间怎么通信_Vue.js中父子组件之间通信方法实例详解

vue3和vue2父子组件互相通信的方式和原理

Vue页面为什么不能占整个页面

Vue 中的防抖和节流，如何实现？

ref() 和 reactive()响应性 浅解

前端面试题---虚拟dom更新原理

vue3-04vue3中ref函数( 定义一个响应式的数据)

Vue 3最新组件解析与实践指南：提升开发效率的利器

输入搜索、分组展示选项、下拉选取，el-select 实现：即输入关键字检索，返回分组选项，选取跳转到相应内容页 —— VUE项目-全局模糊检索

5.十九个下载保留的Obsidian插件汇总简介

前端：最简单封装nmp插件（组件）过程。

VUE——mixins混入

智慧停车场系统（源码+文档+部署+讲解）

vue中附件下载及打印功能

90.在 Vue 3 中使用 OpenLayers 实现 Canvas 个性化圆形

【全栈】SprintBoot+vue3迷你商城（12）

基于DeepSeek+Vue3的AI对话聊天系统开发实战

vue登陆下拉菜单

接入jest单元测试常见问题收集

Vue 状态管理

Springboot 集成 netty-socketio + Vue前端分离

vue项目在不同分辨率下页面的适配

Vue3＋Vite创造路由

vue3+ts+vite创造路由

Ts＋Vue3＋Vite如何配置@路径

vue3手搓固钉组件

vue安装过程中遇到错误提示“npm ERR!”该如何解决？

npm run serve 启动vue项目时报错 throw er Unhandled “error” event

【前端VUE】npm i 出现版本错误等报错简单直接解决命令

ref() 和 reactive()响应性浅解