前端_Vue 第24页

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 组件库主题适配原理与实战

在前端开发过程中，不同的项目可能需要不同的设计风格。而了解组件库的主题适配功能，也可以帮助开发者轻松定制独特的主题风格，从而满足各种设计需求。

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

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

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

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

设计一个监控摄像头物联网IOT（webRTC、音视频、文件存储）

前言：设计一个完整的监控摄像头物联网IoT平台涉及视频直播和点播、WebRTC和文件存储模块，可以分为以下几个主要部分：摄像头设备、服务端处理、Web前端、视频流存储和回放。

Amarantine、沐风倩✨·2025-06-29 00:28

《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

鸿蒙开发之埋点方案：高效追踪用户行为

看完这篇你就了解了~✒️对于大前端开发来说，转鸿蒙开发究竟是福还是祸？✒️鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？

niu某某·2025-06-28 23:20

Spring Boot 项目分层架构详解

一、Controller层作为Springboot应用程序的入口点，Controller层主要负责接收来自前端或其他系统的HTTP请求，校验输入参数，将业务委托给Se

damnItHUA·2025-06-28 21:38

使用CSS @layer控制样式优先级的新方式

important”的焦虑各位前端同僚们，你们有没有经历过这样的噩梦？深夜，正当你准备结束一天的工作，舒舒服服地躺在床上刷手机时，测试突然甩来一个bug：一个看起来简单的样式问题，却怎么改都改不过来！

海派程序猿·2025-06-28 21:04

从台式电脑硬件架构看前后端分离开发模式

文章目录一、台式电脑硬件架构与前后端的类比1.1主机：后端的硬件化身1.2显示屏：前端的硬件呈现二、二者分离模式的共同

程序猿全栈の董·2025-06-28 21:04

前端 E2E 测试实践：打造稳定 Web 应用的利器！

E2E测试并不止于前端界面，它涵盖了前端、后端及数据库等所有环节，确保每个节点都能正常工作。历史经验也提醒我们其重要性

朱公子的Note·2025-06-28 21:04

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

作为一名专注于前端技术发展的技术博主，今天我将分享一下在进行钉钉小程序开发时关于技术选型的一些思考和经验。

脑袋大大的·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

前后端分离与不分离解析，很全面！

一、概念定义1.前后端不分离（传统服务端渲染）前端页面由服务器端生成并返回给浏览器，如PHP、JSP、ASP.NET等。前端逻辑和后端业务耦合在一起，通常一个请求对应一个完整的HTML页面。

涔溪·2025-06-28 20:58

实现 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

【DeepSeek实战】3、Ollama实战指南：LobeChat+多网关架构打造高可用大模型集群

本方案通过LobeChat前端、AI网关层和Ollama模型集群的三层架构设计，实现了无需复杂运维即可部署的生产级大模型服务体系。该架构不仅支持负载均衡、故障转移和模型热切换等企业级特性。

无心水·2025-06-28 19:18

uniapp vue3版本的一些小细节！

1,生命周期的引用import{onShow,onHide,onLoad}from"@dcloudio/uni-app"onShow(()=>{showLog('onShow')})onLoad((options)=>{showLog('onLoad')})需要引入，才可以调用2，全局引入css在main.js或者ts中，导入就可以//例如引入全局CSS文件import'./util/baseCs

养乐多～ch·2025-06-28 18:46

移动端iOS调试与问题解决：WebView调试多工具协作

在开发过程中，调试工作不仅仅是前端开发者的职责。当出现复杂的线上问题，调试往往需要涉及到多个团队的协作：前端、后端、测试和运营等。

游戏开发爱好者8·2025-06-28 18:12

computed()、watch() 与 watchEffect()

下面，我们来系统的梳理关于computed、watch与watchEffect的基本知识点：一、核心概念与响应式基础1.1响应式依赖关系Vue的响应式系统基于依赖收集和触发更新的机制：响应式数据依赖收集创建依赖关系数据变更触发更新执行副作用

前端岳大宝·2025-06-28 17:34

ref() 与 reactive()

在Vue中，响应式系统实现了：数据驱动视图：数据变化自动更新DOM依赖追踪：自动跟踪数据依赖关系高效更新：最小化不必要的DOM操作1.2Vue响应式系统演进版本响应式实现特点Vue2Object.defin

前端岳大宝·2025-06-28 17:34

2025 VUE常见面试题

前言总结一些VUE面试的基础知识，共同学习1.什么是Vue？

hmildj·2025-06-28 17:02

Vue 3 的＜script setup＞语法糖与 TypeScript 的深度整合

在Vue单文件组件中，标签除了lang、async、defer、src和name属性外，还有一些其他重要属性和用法值得关注。

前端熊猫·2025-06-28 16:31

平台再升级！接入DeepSeek AI，三大能力一键生成

在数字化项目落地过程中，很多企业都会面临相同的问题：数据库建模要写SQL表结构；业务流程需要画LogicFlow流程图；前端页面还要写AMISJSON配置。

橙武科技·2025-06-28 16:59

＜script setup＞语法糖

下面，我们来系统的梳理关于Vue3语法糖的基本知识点：一、核心概念1.1什么是？

前端岳大宝·2025-06-28 16:28

前端用MQTT协议通信的场景和好处

上家公司中前端项目有用MQTT协议和硬件通信的场景，虽然很早就听说过MQTT协议，但是这是第一次在前端项目里基于MQTT协议做网络通信。

CreatorRay·2025-06-28 14:14

Vue SPA 路由跳转无法回到顶部问题排查与解决

VueSPA路由跳转无法回到顶部问题排查与解决1.问题现象描述在使用Vue3+VueRouter4开发单页应用（SPA）时，遇到如下问题：点击导航栏或页脚的路由跳转后，页面没有自动回到顶部。

浪裡遊·2025-06-28 12:03

uniapp中表格固定列（Vue）

一、编写表格：主要是使用了position:sticky;进行固定，不要忘记写top/left/right/bottom的数值哦~表头1表头2表头3表头4表头5表头6操作{{item.data1}}{{item.data2}}{{item.data3}}{{item.data4}}{{item.data5}}{{item.data6}}详情exportdefault{data(){return{t

ᥬ 小月亮·2025-06-28 12:29

HTML页面设计——动态照片环

#前端开发##html超文本标记语言结构学习他的标签##css美化页面其实一部分的网站首页应用了照片环的原理，使得页面看起来更加美观，这里为大家分享一个简单的照片环编写。

·2025-06-28 12:58

微信小程序封装loading 修改

1.custom-loading.vue{{text}}{{dots}}exportdefault{props:{visible:Boolean,text:{type:String,default:'加载中

-嘻嘻哈哈~·2025-06-28 11:54

推荐使用：Vue-Cron —— 简易CRON表达式生成器

乌昱有Melanie·2025-06-28 10:19

vue-cron: Cron表达式UI组件开发指南

vue-cron:Cron表达式UI组件开发指南项目地址:https://gitcode.com/gh_mirrors/vu/vue-cron项目介绍vue-cron是一个基于Vue框架设计的cron表达式

刘通双Elsie·2025-06-28 10:19

vue3 实现文件上传

1、上传文件html上传文件将文件拖到此处，或点击上传只支持pdf、doc、docx、png、jpg提交import{ref,reactive}from'vue'import{uploadImg

编程（变成）小辣鸡·2025-06-28 10:16

vue el-date-picker 直接赋值时控件失效

项目场景：前端vueel-date-picker控件无故失效问题描述本人是主打后端，新进的公司要求前后端全干，然后又因为前端做得少，所以经常碰到一些奇怪的问题，比如以下操作，是给vue前端el-date-picker

梓暮·2025-06-28 10:16

适用于vue3的移动端Vant4组件库

适用于vue3的移动端Vant4组件库地址：（https://vant-ui.github.io/vant/#/zh-CN/home）安装：npmivant

柒@宝儿姐·2025-06-28 10:44

在vue3项目中使用el-upload实现文件上传

在vue3项目中使用el-upload实现文件上传template将文件拖到此处，或点击上传是否更新已经存在的用户数据仅允许导入xls、xlsx格式文件。

柒@宝儿姐·2025-06-28 10:44

vue3 使用 Univer Sheets 电子表格组件

背景部门要进行在线数据填报：excel表格样式不限;因为要支持直接从excel直接粘贴，经筛选选择：UniverSheetsUniverSheets官网地址https://docs.univer.ai/zh-CN/guides/sheets1、安装和配置#安装核心包pnpmadd@univerjs/presets正常到这就可以了，但是我这边前台报react版本错误，所以去源码包看了一下版本，单独指

小云小白·2025-06-28 09:13

java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw

源码+调试部署+系统+数据库+lwjava毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

兮兮科技·2025-06-28 09:13

vue+Element 动态表单动态增减表单项

动态增减表单项也是比较常用的，除了在Form组件上一次性传递所有的验证规则外还可以在单个的表单域上传递属性的验证规则，在一些需求下面很灵活方便。下面来看看怎么样实现动态增加，验证，删除表单项。直接上代码点击打开动态表单1"class="box_threeel-icon-delete"@click="removeDomain(item)">现在有({{quantity||"1"}})个最多45个新增

疯人院里的疯言风语·2025-06-28 09:42

Three.js + Vue 处理glb文件过大问题（DRACOLoader加载压缩glb）

起因，three.jsediter导出的glb文件过于庞大，导致部署后文件加载过久解决方法：第一步（得有个blender），压缩：导出时把压缩勾选上这时候我们会得到一个glb文件，但与three.jsediter导出不同的的是，这个文件引入代码中会报如下错误这个警告表明在使用THREE.GLTFLoader时，没有提供DRACOLoader实例。DRACOLoader是用于加载Draco压缩格式的

printf_824·2025-06-28 09:12

【ElementUI】日期选择器时间选择范围限制

ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细，这里做一个element-ui日期插件的补充。

前端Joy姐·2025-06-28 09:41

vue大数据量列表渲染性能优化：虚拟滚动原理

在数据量很大的情况下，我们讲了两种实现方式来提高渲染性能：前端分页和节点数据懒加载。

Java小卷·2025-06-28 09:41

Vue3+ element 实现导入导出

青柠97·2025-06-28 09:40

ElementPlus表格相关操作大全-2

网址：一个Vue3UI框架|ElementPlus(element-plus.org)https://element-plus.org/zh-CN/例：组件——Form表单典型表单参考代码：-OnlineactivitiesPromotionactivitiesOfflineactivitiesSimplebrandexposureSponsorVenueCreateCancelimport

朝阳 Melo·2025-06-28 09:40

推荐频道

前端_Vue