VUE(前端) 第12页

VUE(前端)

vue3新增修改页面，字段来源于其他表

确定取消constunitOptions=ref([]);constlistAdspunitAllLocal=async()=>{if(!unitOptions.value.length){constresUnit=awaitlistAdspunitAll();unitOptions.value=resUnit.data;}}//单位生成ID-Name映射字典constidToNameUnitMa

大波V5·2025-03-11 11:20

Garfish 源码解析 —— 一个微应用是如何被挂载的

背景Garfish是字节跳动webinfra团队推出的一款微前端框架包含构建微前端系统时所需要的基本能力，任意前端框架均可使用。

moonrailgun·2025-03-11 11:48

Vue3 基础教程：从入门到实践 (保姆级教学)

一、Vue3简介Vue.js是一款用于构建用户界面的JavaScript框架，而Vue3作为其最新的主要版本，带来了诸多令人瞩目的改进与新特性，使其在前端开发领域备受青睐。

前段技术人·2025-03-11 11:18

SpringBoot + vue 管理系统

SpringBoot+vue管理系统文章目录SpringBoot+vue管理系统1、成品效果展示2、项目准备3、项目开发3.1、部门管理3.1.1、前端核心代码3.1.2、后端代码实现3.2、员工管理3.2.1

m0_51274464·2025-03-11 11:17

web前端高级JavaScript - 闭包的应用及循环事件绑定的N中解决办法

闭包在循环事件绑定中的应用场景描述：在页面上有3个button按钮，当点击每个按钮时输出当前按钮的索引值，要求用循环来绑定每个按钮的事件，看下面的代码。button1button2button3varbuttons=document.querySelectorAll('button');for(vari=0;i

一笑程序猴·2025-03-11 11:16

基于Python+Vue开发的电影订票管理系统源码+运行步骤

项目简介该项目是基于Python+Vue开发的电影订票管理系统（前后端分离），这是一项为大学生课程设计作业而开发的项目。

冷琴1996·2025-03-11 10:11

基于Java+Springboot+Vue开发的口腔牙科诊所预约系统源码+课程设计+代码说明

项目简介该项目是基于Java+Springboot+Vue开发的口腔牙科诊所预约管理系统（前后端分离），这是一项为大学生课程设计作业而开发的项目。

西门吹雪1998·2025-03-11 09:07

自助洗车小程序开发方案详解

自助洗车小程序开发设计详细扩写一、系统架构设计（一）技术栈选型1.前端：微信小程序（原生开发）：直接基于微信官方提供的开发框架，能充分利用微信的原生能力，如小程序的启动速度快、与微信生态的无缝衔接等。

ALLSectorSorft·2025-03-11 09:34

vue中为组建添加样式的方式

在Vue中，可以通过多种方式为view添加样式，并且支持动态绑定样式。以下是几种常见的方式：1.内联样式直接在模板中使用style属性来添加样式。

晨枫阳·2025-03-11 08:26

Spring Cloud Alibaba微服务架构实战教程—17分布式缓存下Redis设计

通常前端使用Freemaker或Velocity、thymeleaf等模板引擎来实现页面的静态化。对

江湖一点雨·2025-03-11 08:24

前端开发使用的安卓模拟器_【译】移动开发中的仿真器与模拟器

译者注：本文主要涉及到两个概念：Emulator和Simulator。通常我们在工作中可能统统习惯称为“模拟器”，但实际上二者有所不同。为了分清概念，本文将Emulator译作“仿真器”，Simulator译作“模拟器”。听起来可能略拗口，如产生生理或心理不适，敬请谅解。仿真器(Emulator)，又称仿真程序，在软件工程中指可以使计算机或者其他多媒体平台(掌上电脑，手机)能够运行其他平台上的程序

weixin_39976748·2025-03-11 07:52

Apipost一站式API工具评测：整合Postman+Swagger+JMeter三大功能，打造全流程开发解决方案

在确保API表现符合预期后，我们会使用Swagger为前端团队生成文档。最后，再使用JMeter进行性能和负载测试，以确保API工作流顺畅且自动化。

·2025-03-11 07:42

详解Vue 的 key 机制

详解Vue的key机制（从底层原理到实战价值，彻底讲透关键设计）一、Key的本质作用核心定位：虚拟DOM的身份证Vue通过虚拟DOM实现高效渲染，而key是虚拟节点（VNode）的唯一标识符。

向贤·2025-03-11 07:17

前端的架构设计与演化实例

前言本文介绍我在实际的前端项目中的架构设计，展示因为需求变化而导致架构变化的过程。全文分为三个阶段，分别对应三次需求的变化，给出了对应的架构设计。

weixin_30677073·2025-03-11 06:42

前端的架构

2,、组件化：一般常用的组件有两个，requirejs和sea.js二、做前端架构前需要想什么1、除了技术基础外，应当了解需求，然后进行模块的边界划分；2、如何设计友好接口；3、自动化的发布和快速迭代；

so_cruel·2025-03-11 06:42

react 和 reflux

三、组成：四、react的基本概念：五、JSX语法：六、生命周期：七、简单的使用：一、介绍：react：最早来源于FaceBook,后来因为其独特的设计思想和惊人的性能被广大用户喜欢，现在是最受欢迎的前端框架之一

yunhai.du·2025-03-11 06:11

P11：利用marked+highlight.js重构前台文章详细页面

ReactHooks+Laravel前端博客实战阐述安装marked和highlight.js重构`detailed.js`文件增加Code的高亮显示CSS样式的更换MySQL数据阐述之前我们在博客文章详细页使用了

知其黑、受其白·2025-03-11 05:00

vue懒加载

Vue懒加载懒加载（LazyLoad）一直是前端的优化方案之一。简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。它的核心思想是：当用户想看页面某个区域时，再加载该区域的数据。

CV_CodeMan·2025-03-11 04:54

Vue中vfor循环创建DOM时Key的理解之Vue中的diff算法

在Vue开发过程中vfor遍历数组创建Dom是最常见的方式，在vfor时，标签中有一个key值，key值的作用是啥呢？这就不得不提到Vue中的diff算法。

充气大锤·2025-03-11 04:53

在vue3中使用Mermaid创建可动态生成的时序图

有手就行的：用Mermaid创建自己的时序图一、Mermaid的安装在vue3中使用Mermaid时，需要npm一下npminstallmermaid完事之后这样引用importmermaidfrom'mermaid

充气大锤·2025-03-11 04:23

Vue懒加载YouTube视频组件指南

Vue懒加载YouTube视频组件指南vue-lazy-youtube-videoVue.jscomponentforlazyloadingYouTubevideos.项目地址:https://gitcode.com

解银旦Fannie·2025-03-11 04:50

Vue懒加载

一、什么是懒加载在Vue中实现懒加载（LazyLoading）通常是为了优化应用的性能，尤其是在加载大型应用或组件时。懒加载可以帮助减少初始加载时间，只在用户需要时才加载特定的代码块或组件。

充气大锤·2025-03-11 03:46

Vue大屏实战一：数字翻牌器的实现

文章目录1.效果预览2.数字翻牌器的实现3.vue项目中引入DataV4.大屏顶部翻牌器布局5.大屏数字翻牌器样式6.大屏数字翻牌器逻辑实现1.效果预览页面整体效果如下顶部的数字翻牌器效果2.数字翻牌器的实现数字翻牌器我们借助于

博主逸尘·2025-03-11 03:41

【开源精选】《前端铺子》：打造你的全能型小程序开发助手

【开源精选】《前端铺子》：打造你的全能型小程序开发助手qdpz-uniapp项目基于vue-uniapp，使用colorUi与uView框架，完美支持微信小程序，包含功能：自定义TabBar与顶部、地图轨迹回放

平淮齐Percy·2025-03-11 02:39

前端之vue2原理（全）

一、组件通信总结（有些不建议使用，打破vue单向数据流，可能出问题）常用父子组件通信：1.propevent；2.$ref$refs；3.

yh502956003·2025-03-11 02:35

vue scoped 原理解析

Vuescoped，原理，涉及到vue-loader的处理策略：一、首先呢，是VueLoaderPlugin策略：VueLoaderPlugin先获取了webpack原来的rules（即compiler.option.module.rule

短暂又灿烂的·2025-03-11 02:04

你知道 Vue scoped 原理吗？这波你在第几层？

⭐佛系回答scoped原理？不就是给那啥加一个特殊标识，然后样式就被唯一标记，就实现了样式隔离的作用。⭐⭐普通回答scoped原理呀当style标签加上scoped属性时，scoped会在DOM结构及css样式上加上唯一性的标记data-v-xxx属性，从而达到样式私有化，不污染全局的作用；⭐⭐⭐专业回答嗯！ScopeCSS的本质是基于HTML和CSS属性选择器，即分别给HTML标签和CSS选择器

CRMEB定制开发·2025-03-11 01:02

VUE3学习第九章 webpack 构建Vue3项目、vue3性能优化、Vue3 Web Components、Vue3 响应式原理

一、webpack构建Vue3项目（纯手写不用cli）为什么要手写webpack不用cli（脑子有病）并不是其实是为了加深我们对webpack的了解方便以后灵活运用webpack的技术1.初始化项目结构

Hyman-ya·2025-03-11 01:00

深入理解Vue3中style的scoped

本文将以vue3为例，深入了解scoped原理。scoped实践vue3组件是如下定义样式：标

Jinuss·2025-03-11 01:00

DeepSeek源码解析（1）

下载github的DeepSeek-V3-main源码，目录如下文章适合入门小白学习，因为我也是小白，本来作为一名前端开发，因为行业不好混所以跑来学ai的。

白鹭凡·2025-03-11 01:26

「MySQL 数据库优化」降低存储与查询成本的最佳实践

网罗开发（小红书、快手、视频号同名）大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java

网罗开发·2025-03-11 00:24

element plus实现el-table中拖拽

1.安装vuedraggablenpmi-Svuedraggable2.在使用的组件，引入sortablejs包含在vuedraggableimportSortablefrom"sortablejs"3

m0_61618849·2025-03-11 00:53

element-plus动态表单验证

Vue3结合element-plus表单项可以动态添加/删除首先data格式必须是对象包裹数组import{ref,reactive}from'vue';import{FormInstance}from'element-plus'constfroms

m0_61618849·2025-03-11 00:23

Vue3中computed() 的全面用法（简单易懂，一篇就会）

1：引入import{computed}from'vue'2：使用letprice=ref(10);letamount=ref(3);lettotal=computed(()=>{returnprice.value

番茄小酱001·2025-03-11 00:22

Vue3 中 Computed 用法

产生一个新的变量并挂载到vue实例上去。

m0_61618849·2025-03-10 23:18

vue3修改elementui-plus的默认样式的几种方法

#创作灵感今天写vue的前端项目，因为需要去修改elementui-plus中drawer的默认样式，所以刚好将修改步骤记录下来。一共提供了三种方法，但亲测第二种最好用。

Demons_kirit·2025-03-10 23:43

什么是解释型语言？什么又是编译型语言？

源代码的执行方式二、编译器三、执行原理二者的区别编译型语言解释型语言前言本文章主要知识来自于Python编程基础的“编译型语言和解释型语言的区别”一节，原文来自C语言中文网网上的相关描述已经够多了，本文作为前端学习系列专题的一个知识拓展只是为了宝贝们在该专题进行知识查阅时更为方便示例代码示例代码

Aress"·2025-03-10 22:11

【脑洞小剧场】零帧起手创业小公司之第一次项目延期

总不能说是因为产品经理需求改得比翻书还快，后端程序员天天喊着要重写架构，前端和UI设计师又因为设计稿吵得不可开交吧？这锅，看来我得背了。）他深深地吸了一口气，试图平复

Foyo Designer·2025-03-10 22:10

Vue 4.0读心术——用AI生成产品经理想要的组件

前端咸鱼陈の周刊·第001期3句需求描述产出完美代码，摸鱼到老板泪流满面！一、技术解析：AI辅助开发如何读心？

·2025-03-10 22:04

程序员如何玩转DeepSeek？这些实战技巧让你少走三年弯路

记得上周帮朋友调试代码时，他神秘兮兮地说："现在不搞DeepSeek，就像三年前没学Vue.js，要被时代抛弃喽！"要说DeepSeek最让人惊艳的，还得数它开源的那套"全家桶"。

·2025-03-10 22:02

js导出的xlsx无法打开_【js-xlsx和file-saver插件】前端导出数据到excel

最近在做项目，前端进行处理数据，导出excel中，还是遇到不少问题，这里将其进行总结一下，博主是vue框架开发，借用file-saver和xlsx插件进行导出excel,我们来看下代码和效果。

weixin_39994461·2025-03-10 22:06

【Vue】导出Excel（xlsx和file-saver）

在Vue中导出Excel文件，可以使用第三方库如xlsx和file-saver。

Y_coder·2025-03-10 22:06

Vue 3 组件库版本管理与发布策略：语义化版本控制与自动化发布流程 - 打造稳定可信赖的组件库生态

引言各位前端工程领域的探索者，欢迎再度莅临Vue3+现代前端工程化系列技术博客的进阶课堂！

Neo Evolution·2025-03-10 21:05

Vue3中动态Ref的魔法：绑定与妙用

前言在Vue3的开发过程中，动态绑定Ref是一项非常实用的技术，特别是在处理复杂组件结构和动态数据时。通过动态绑定Ref，我们可以更灵活地访问和操作DOM元素或组件实例，实现更高效的交互和状态管理。

内向的小农·2025-03-10 21:02

《踩坑与填坑：细数早期 Vue2 项目那些事儿，附一手优化经验》

前端实现导入文件的步骤(运用vue.js—导入）1,利用inputtype=file原生属性绑定change事件2，为触发按钮绑定事件导入3、按钮绑定的事件中触发inputchange事件```javascript