L4：Vue

vue+react面试题

一、响应式原理vue2响应式的原理是借助数据劫持和发布订阅者模式1、数据劫持：目的：能够感知到数据的改变。数据劫持是：使用ES5的Object.defineProperty()。

宇宙超级无敌暴龙嗜血战士·2025-06-30 04:19

vue项目做导入excel（通过base64）

最近项目的需求，记录下笔记要求：1..xls后缀名文件2.文件不超过10M3.转成base64传给后端导入excel//点击导入exceluploadFile(res){letfile=res.filethis.getBase64(file).then(baseFile=>{letdata=baseFile.split(';')[1]//base64的截取,根据后端要求截取的后半截的this.sa

·2025-06-30 04:16

Java项目实现Excel导出（Hutool）

hutool.cn)1.使用Hutool工具实现Excel导出（.xlsx格式）业务场景：使用SpringCloud+mysql+mybatis-plus需要将数据库中的数据导出到Excel文件中前端为Vue2

xwh-·2025-06-30 04:15

vue中导入导出Excel

以下仅个人做笔记使用：简单版导出Excel1、安装依赖：cnpminstall--savexlsxfile-savercnpmiscript-loader-S2、下载两个js文件：Blob.js和Export2Excel.js（放在最后面）3、添加导出按钮：导出数据4、添加导出事件：derive(){this.$http.post('admin/service_list',{pre_page:th

前端小白一枚·2025-06-30 04:15

【vue导入导出Excel】vue简单实现导出和导入复杂表头excel表格功能【纯前端版本和配合后端版本】

### 配合后端的两个方法因为上面的纯前端写法有一个问题，就是有分页的时候我们没法拿到数据。或者数据太大了我们下载实在是有点慢和卡。所以基本上工作中都是后端生成下载链接导出的。这里再分享两个方法。1,[a标签](https://bbs.csdn.net/topics/618166371)下载这种方法核心就是后端直接生成下载链接，前端只需要生成A标签然后下载就行了。较为常用的一个daochu(){

2401_84433535·2025-06-30 04:13

探索适用于鸿蒙原生应用的跨平台开发框架

Uni-appUni-app是基于Vue.js开发前端应用的框架，它的优势在于一套代码能编译到iOS、Android、Web以及各种小程序等多个平台。

·2025-06-30 01:49

钉钉小程序框架引入 Pinia 状态管理

上一篇文章描述了如何使用其他手段实现路由守卫文章地址：钉钉小程序开发中实现路由守卫拦截-CSDN博客本文将深入探讨如何在基于这些技术栈的小程序项目中引入状态管理插件一、了解PiniaPinia是一个全新的Vue

·2025-06-29 23:50

vue-28（服务器端渲染（SSR）简介及其优势）

服务器端渲染（SSR）简介及其优势服务器端渲染（SSR）是现代网络应用的关键技术，特别是使用Vue.js等框架构建的应用。

清幽竹客·2025-06-29 23:19

Club_IntelliMatch_Development_Guide

系统基于PythonFlask构建RESTfulAPI后端，Vue.js3+Vite构建现代化前端，MySQL作为持久化数据存储。本文档深入分析了整个开发流程的技术架构、设计原则和实现细节。

Joseit·2025-06-29 22:42

Django项目前后端类型中，用户注册功能实现笔记（第一部分）

用户注册前端逻辑为了学会使用Vue.js的双向绑定实现用户的交互和页面局部刷新效果。

·2025-06-29 17:10

【Vue】 keep-alive缓存组件实战指南

Vue中keep-alive的使用详解keep-alive是Vue内置的一个抽象组件，用于缓存不活跃的组件实例，避免重复渲染，从而优化性能。

Vesper63·2025-06-29 17:01

OA门户网站方案，含经典必要功能

技术实现：基于Vue3的动态路由配置，结合用户行为分析（如点击热区）优化引导路径。统一应用入口功能设计：智能导航栏：根据

Alex艾力的IT数字空间·2025-06-29 16:59

Vue 3 最基础核心知识详解

Vue3作为现代前端主流框架，是前后端开发者都应当掌握的核心技能。

第七种黄昏·2025-06-29 14:12

如何在编辑器wangEditor中完美复制粘贴WORD内容？

要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,

M_Snow·2025-06-29 14:40

网页版wangEditor如何实现WORD图片的高效粘贴？

要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,

M_Snow·2025-06-29 14:09

基于Java+Vue的数字化人力资源管理系统，高效整合数据，赋能企业人力精细化管理

前言：在当今数字化浪潮席卷的时代，企业对于人力资源管理的效率和精准度提出了更高要求。传统的人力资源管理模式已难以满足企业快速发展的需求，繁琐的手工操作、信息传递不及时、数据统计不准确等问题，严重制约了企业人力资源管理的效能。数字化人力资源管理系统的出现，为企业提供了一种全新的解决方案，它借助先进的信息技术，将人力资源管理的各个环节进行整合和优化，实现人力资源管理的自动化、智能化和精细化，从而提升企

软件源码专题社区·2025-06-29 13:35

腾讯社招前端面经（成都）

自我介绍上家公司业务、规模项目中遇到的最大挑战react与vue的区别离职原因同事面电话面过了的话，差不多三个工作日

·2025-06-29 11:53

vue中css使用data中的变量

封装一个ui组件，组件的样式一般是多种多样的我们可以通过组件传值的方式将ui属性传递给组件，但是我们属性是在js中可以拿到，vue3之前css是无法直接获取的(vue3中已经可以直接获取，可以去学习一下

console.log( )·2025-06-29 11:20

前端进阶之路-从传统前端到VUE-JS（第一期-VUE-JS环境配置）（Node-JS环境配置）（Node-JS/npm换源）

经过前面的传统前端开发学习后，我们接下来进行前端的VUE-JS框架学习（写这篇文章的时候VUE-JS最新版是VUE3，所以默认为VUE3即可）首先，我们要配置Node-JS环境，虽然我们还不学习Node-JS

恰薯条的屑海鸥·2025-06-29 10:43

vue界面增加自定义水印 js

vue整个界面增加自定义水印需求：领导想要增加自定义水印好不容易调完，还是想记录一下,在.vue界面编写exportdefault{mounted(){this.

youyu-youyu·2025-06-29 09:11

vue 无图片或者图片报错时显示默认图片

一个需求：无图片或者图片报错时显示默认图片importurlImagefrom'@/assets/emptyCar.png';//默认图片exportdefault{data(){return{urlImage,//默认图片}}}

youyu-youyu·2025-06-29 09:41

在vue3中通过jspdf+html2canvas实现导出页面pdf功能

一、安装依赖npminstallhtml2canvasjspdf二、创建Vue组件下载文件importhtml2canvasfrom'html2canvas';importjsPDFfrom'jspdf

落晓星·2025-06-29 09:40

【问题记录】npm create vue@latest报错

1，错误日志npmerrorcodeEPERMnpmerrorsyscallmkdirnpmerrorpathD:\ProgramFiles\nodejs\node_cache\_cacachenpmerrorerrnoEPERMnpmerrorFetchError:Invalidresponsebodywhiletryingtofetchhttps://registry.npmjs.org/cr

菜鸟级后端·2025-06-29 09:09

【NodeJs】【npm】npm安装electron报错

electron的镜像源与一般的vue之类的镜像源地址不一样需要单独配置。npm读取的全局配置一般是在C:\Users\{用户}\.npmrc这个配置文件中。

果壳~·2025-06-29 09:36

[Vue warn]: Unknown custom element: ＜router-view＞ - did you register the component correctly?报错

[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?

自学也学好编程·2025-06-29 09:04

【通过 emit() 触发的自定义事件】

defineEmits();.item-search{margin-left:12px;}父组件使用importFormSearchfrom"@/components/FormSearch/index.vue

软件205·2025-06-29 08:27

v-if、display、visibility、opacity隐藏元素的区别

前端元素隐藏与条件渲染完全指南（Vuevs.Reactvs.CSS）本文对比v-if、v-show、display:none、opacity:0、visibility:hidden以及React条件渲染的差异

甘露寺·2025-06-29 07:48

#Vue3篇： vue3梳理：&ref自动解包&key使用

vue3Attribute绑定同名简写如果attribute的名称与绑定的JavaScript值的名称相同，那么可以进一步简化语法，省略attribute值在模板中使用ref时，我们不需要附加.value

程序员xiaolibao·2025-06-29 06:14

vue3中ref自动解包

1.模板中使用ref类型的数据，会自动解包，注意需要是顶级的ref{{name}}import{ref}from'vue'constname=ref('hello')下面的ref不会自动解包{{num}

·2025-06-29 06:44

vue3中实现高德地图地址搜索自动提示（附源码）

Vue3实现高德地图搜索自动提示功能引言上一篇文章详细讲解了如何在Vue3项目中集成高德地图，本文将重点介绍地址搜索自动提示功能的实现。

年纪轻轻就扛不住·2025-06-29 06:13

keep-alive实现原理及Vue2/Vue3对比分析

一、keep-alive基本概念keep-alive是Vue的内置组件，用于缓存组件实例，避免重复渲染。

年纪轻轻就扛不住·2025-06-29 06:12

react快速开始项目模板

vitenpmcreatevitereact-learncdreact-learnnpmi目录结构一个完整的前端项目需要:状态管理在全局维护共有的状态(数据),让页面组件之间共享数据,我们使用pinia路由路由让页面之间可以进行跳转,我们使用vue-router

飞鸟malred·2025-06-29 06:41

Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘style‘)“

问题解决这个错误通常在Vue组件的created钩子函数中发生，它表示在该钩子函数中尝试读取一个未定义的对象的style属性。

本郡主是喵·2025-06-29 06:10

Java web%10

%10新路线Javawebai笔记阶段时长内容Web前端基础2天HTML、CSS、JS、Vue3、AjaxWeb后端基础4天Maven、HTTP协议、SpringIOC、DI、MySQL、JDBC、MybatisWeb

好学且牛逼的马·2025-06-29 03:53

使用 TinyVue 组件库搭建前端项目的实操体验

引言在本次活动中，我选择了使用OpenTiny提供的TinyVue组件库来搭建一个前端项目。通过这次实践，我不仅深入了解了TinyVue组件库的核心优势，还体验到了其在跨框架、跨版本开发中的便捷性。

Echo_Wish·2025-06-29 00:00

Vue添加图片作为水印

直接上代码把图片作为水印computed:{watermarkPositions(){constcontainerW=800;constcontainerH=1492;//info-warp高度constarr=[];for(lety=0;y.info-warp{width:800px;height:1492px;.image-container{position:relative;width:1

·2025-06-29 00:30

直播分享|TinyVue 组件库主题适配原理与实战

因此6月27日晚19点，体验技术团队TinyVue项目成员岑灌铭老师将为大家带来以《TinyVue组件库主题适配原理与实战》为主题的分享，届时将与大家共同探讨主题适配的内容概述及方案详解。

OpenTiny社区·2025-06-29 00:59

vue的侦听器及怎么侦听数组--笔记

作用侦听属性响应数据的变化，当数据发生改变的时候会立即执行对应的函数letvm=newVue({el:"#test",data:{entry:""},watch:{entry(){console.log

小番茄炒鸡蛋·2025-06-29 00:59

《Vuejs设计与实现》第 12 章（组件实现原理上）

目录12.1组件的渲染12.2组件状态与自更新12.3组件实例与生命周期2.4Props与组件被动更新在上一章节，我们详细探讨了渲染器的基本概念和实现方式，它的主要作用是将虚拟DOM渲染为真实DOM。然而，当我们处理复杂页面时，虚拟DOM描述页面结构的代码量可能会剧增，导致页面模板臃肿。为此，我们引入了组件化的概念，通过组件，我们可以将大型页面划分为多个模块，每个模块都独立为一个组件，最终组成完整

前端贾公子·2025-06-29 00:27

vue动态页面快照截图 html2canvas

安装依赖npminstallhtml2canvas新建组件SnapshotPage.vueimporthtml2canvasfrom"html2canvas";exportdefault{name:"SnapshotPage

懒大王、·2025-06-29 00:27

钉钉小程序开发的技术选型

多端开发框架vs原生开发框架uni-appuni-app是一个基于Vue.js的跨平台开发框架，它允许开发者通过

脑袋大大的·2025-06-28 21:32

钉钉小程序开发实战：打造一个简约风格的登录页面

钉钉小程序基于前端Web技术栈，采用类似于Vue的模板语法和组件化结构，非常适合快速构建轻量级企业内部应用。

脑袋大大的·2025-06-28 20:01

vue3.5中useTemplateRef获取DOM元素

前言：vue3.5推出了一种新的获取DOM元素的API（useTemplateRef），它与vue3.5之前获取DOM元素有什么不同呢？今天我们来学习一下。

whhhhhhhhhw·2025-06-28 20:31

模板应用更新同步到所有开发中的应用

需求是为多个Vue3应用方便地同步模板更新，并且模板自身也可能演进，采用Git上游仓库(Upstream)策略。

z日火·2025-06-28 20:30

解决vue移动端哈希模式页面返回滚动条置顶问题

问题：如a页面为列表，点击列表进入b页面，再返回a页面，a页面的滚动条置顶了解决思路：使用keep-alive缓存页面，在路由跳转时存储滚动条高度，在页面显示是设置滚动条高度全局js文件GFN.jsexportdefault{/***储存列表滚动条高度*@paramt*/saveScroller:(t)=>{t.scrollY=t.$refs.v_list.scroller.scrollTop},

【03】·2025-06-28 20:00

校园志愿者系统前端代码实现及技术解析

本文还有配套的精品资源，点击获取简介：本项目集中展示了Web开发中的关键技术和框架，包含PHP、Vue.js、ElementUI和Laravel在校园志愿者系统前台构建中的应用。

创新工场·2025-06-28 20:00

实现 el-table 中键盘方向键导航功能vue2+vue3（类似 Excel）

实现el-table中键盘方向键导航功能vue2+vue3（类似Excel）功能需求在ElementUI的el-table表格中实现以下功能：使用键盘上下左右键在可编辑的el-input/el-select

·2025-06-28 20:27

关于uniapp+vue2 升级 Vue3 后无法获取 query的问题

关于uniapp+vue2升级Vue3后无法获取query的问题tag：vue3迁移、uniapp兼容性、$mp变更、vue2升级、前端坑点记录在升级公司项目的时候，从uniapp+Vue2迁移到uniapp

代码简单说·2025-06-28 19:51

vue3 添加onShow,每次显示都执行

vue3的生命周期没有onShow,uniapp有提供onShow.有时候我们希望用户离开在回到页面时，把他最关心的可能变化比较平繁的数据刷新出来。

萧大侠jdeps·2025-06-28 19:50

【vue.js之夯实基础-3】TypeScript 入门之简介

教程实例参照->入门教程详细教程参照->详细教程完全教程->完全教程什么是TypeScriptTypedJavaScriptatAnyScale.添加了类型系统的JavaScript，适用于任何规模的项目。TypeScript的特性类型系统从TypeScript的名字就可以看出来，「类型」是其最核心的特性。我们知道，JavaScript是一门非常灵活的编程语言：它没有类型约束，一个变量可能初始化时

alwarse·2025-06-28 19:19

推荐频道