vue项目实战第8页

vue3 图片预览 v-viewer

vue3图片预览v-viewer百度没找到方法，自己看了源码发现的//添加依赖npminstallv-viewer//在main.js中注册import'viewerjs/dist/viewer.css

情话丫·2025-02-25 01:07

基于Java（SpringBoot）+MySQL+Vue实现博客系统+社区

start数据库名称为graduation结构：graduation_admin后台管理页面(vue)graduation_web前台页面(vue)graduation_server后台api(Java

神仙别闹·2025-02-25 00:59

vue3 ts admin动态tab

Footer.admin{margin:0;padding:0;}.auto-height{height:calc(100vh-15px);}.el-menu--horizontal>.el-menu-item:nth-child(1){margin-right:auto;}.el-menu--horizontal.el-menu{border-bottom:none;}.el-main{marg

Tirzano·2025-02-24 23:56

2024年Web前端最新vue动态路由缓存【前进刷新、后退缓存】，2024历年华为跳动前端面试真题解析

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最

2401_84418948·2025-02-24 23:53

基于Vue的简单成绩管理系统

index+1}}{{item.subject}}{{item.score}}删除暂无数据总分：{{sumscore}}平均分：{{avgscore}}科目：分数：添加2、标签部分constapp=newVue

啊sen丶·2025-02-24 23:53

前端工程化：基于Vue.js 3.0的设计与实践

个人名片作者简介：java领域优质创作者个人主页：码农阿豪工作室：新空间代码工作室（提供各种软件服务）个人邮箱：[2435024119@qq.com]个人微信：15279484656个人导航网站：www.forff.top座右铭：总有人要赢。为什么不能是我呢？专栏导航：码农阿豪系列专栏导航面试专栏：收集了java相关高频面试题，面试实战总结️Spring5系列专栏：整理了Spring5重要知识点与

码农阿豪@新空间·2025-02-24 23:22

使用NodeJs(Express)搞定用户注册、登录、授权(一)

看到B站上全栈之巅-Node.js+Vue.js全栈开发深度爱好者和实践者，感觉Johnny博主的系列视频讲解得不错，其中看到一个视频是1小时搞定NodeJs(Express)的用户注册、登录和授权，介绍了在

Amnesia�·2025-02-24 19:28

node.js+mongodb

安装：Node.js：0.10.32Express：4.10.2MongoDB：2.6.1sublime3过程中要用到的东西amazeui前端框架，放在public文件夹下与其他并列vue和jquery

猫咪大大·2025-02-24 19:26

基于SpringBoot的校园消费点评管理系统

作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。

计算机学姐·2025-02-24 18:22

Vue 2与Vue3 初始化内容有啥

Vue2：创建vue实例设置挂载点数据对象计算属性方法生命周期钩子Vue:创建vue实例加载响应式数据加载计算属性加载方法

捂風鋔笶_小欣同學·2025-02-24 18:46

vue2和vue3中路由的区别和写法？

前言：Vue2和Vue3中路由的主要区别在于使用的路由库不同。

尔嵘·2025-02-24 17:45

Vue.js 组件开发：从基础到高级的实践与创新

Vue.js组件开发：从基础到高级的实践与创新前言在现代前端开发中，Vue.js因其易用性、灵活性和高效性而备受青睐，而组件化开发正是Vue框架的核心理念。

全栈探索者chen·2025-02-24 17:41

使用Vue-Flow创建一个流程图可视化节点坐标查询器

在开发中遇到这样一个需求，需要后端返回数据前端网页生成流程图，由于流程图使用了Vue-Flow，所以需要坐标来辅助后端生成数据。

充气大锤·2025-02-24 16:35

深入 Vue：封装 WebSocket 实现高效通信

前言：家人们，大家好！今天分享一篇文章给大家！要是文章对你有帮助，激发了你的灵感，求个收藏+关注啦～后续还有超多惊喜，别错过！目录一、为什么要封装WebSocket二、创建WebSocket封装文件三、在组件中使用封装的WebSocket四、实际应用场景与优化建议结语在现代Web应用开发中，实时性交互已成为众多应用不可或缺的特性。无论是社交平台的即时消息、在线游戏的实时对战，还是金融交易平台的行情

码上前端·2025-02-24 16:04

DeepSeek 助力 Vue 开发：打造丝滑的滚动动画（Scroll Animations）

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的滚动动画（ScrollAnimations）前言页面效果指令输入属性定义1.动画控制属性

宝码香车·2025-02-24 15:33

安装vue浏览器插件

谷歌浏览器插件下载地址https://chromewebstore.google.com/detail/nhdogjmejiglipccpnnnanhbledajbpd?utm_source=item-share-cp需要关闭重新打开一下无法使用魔法就使用极简插件https://chrome.zzzmh.cn/

翻滚吧键盘·2025-02-24 15:31

vue3监听watch

watch可以直接监听ref类型的数据，如果监听reactive会黄字警告你需要将reactive解构出来监听conststate=reactive({tagsList:[],currentTags:""})//监听当前Tags项let{currentTags}=toRefs(state)watch(currentTags,(newV,oldV)=>{console.log("数据变了",newV

·2025-02-24 14:59

《VUE+Django：电商独立站打造详解》1.1 为什么需要前后端分离的架构

《VUE+Django：电商独立站打造详解》引子《VUE+Django：电商独立站打造详解》专栏大纲前后端分离的开发模式是伴随着互联网软件开发的发展而形成的。

尘烟生活家·2025-02-24 14:51

SelfConsistency CoT：提高AI推理能力

Self-ConsistencyCoT：提高AI推理能力关键词：Self-ConsistencyCoT,AI推理能力,概念图,算法原理,数学模型,系统设计,项目实战摘要：本文深入探讨了如何通过Self-ConsistencyCoT

SuperAGI2025·2025-02-24 12:34

【深度解析】Java接入DeepSeek大模型：从零实现流式对话+多轮会话管理（完整项目实战） —— SpringBoot整合、API安全封装、性能优化全攻略

一、DeepSeek接入全景图：不只是API调用核心优势对比特性DeepSeek其他主流模型免费Token额度500万/月通常10-100万响应延迟平均800ms1-3s流式响应兼容性原生支持需定制适配中文理解能力行业Top中等偏上适用场景推荐智能客服（实时反馈）代码辅助生成（流式输出）知识问答系统（多轮对话）分析报告（长文本生成）二、环境搭建：手把手配置开发环境1.创建SpringBoot项目（

barcke·2025-02-24 12:33

Vue 2 vs. Vue 3：全面解析新一代框架的升级之处

Vue.js自发布以来，凭借其易用性、灵活性和高效性，迅速成为前端开发领域的热门选择。从Vue2到Vue3，不仅仅是版本号的简单递增，而是一次彻底的重构和升级。

HelloZheQ·2025-02-24 11:27

第9章组件系统设计原理

9.1组件注册机制9.1.1全局组件注册流程//全局组件注册源码核心Vue.options.components=Object.create(null)Vue.component=function(id

道不尽世间的沧桑·2025-02-24 11:57

vue中使用router动态加载路由找不到文件

就是找不到文件把相同的路径当作字符串直接卸载import()中，路由就可以正常加载最终确认问题是component:()=>import(`@${publicPath}/${path.FUNC_PATH}.vue

道不尽世间的沧桑·2025-02-24 11:26

MTTK Vue Wrap 应用场景详解（二）

关键字:Vue3,配置开发,快速开发,组件封装,低代码前文提要：探讨了基于配置文件渲染出表单的具体应用场景以及和SFC的对比优势。

MTTKbelinda·2025-02-24 10:21

项目上传至宝塔报错“Failed to load resource: the server responded with a status of 404 (Not Found)”

在使用vue-next-admin这个框架的时候，将项目打包上传到宝塔上过后，也配置反向代理了，但是打开就是空白页面，并且报错Failedtoloadresource:theserverrespondedwithastatusof404

聂聂脸·2025-02-24 10:49

vue3+vite项目跨域配置（踩坑无数篇）

1.vite.config.js配置注意：因为我是用vite创建的，不是vue-cli，当时搜了好多教程都教的是新建一个vue.config.js，发现根本没有生效，所以，如果使用vite创建的项目就在

大头女侠·2025-02-24 09:17

VUE3+VITE简单的跨域代理配置

出于安全考虑，未设置前端白名单，前端开发时，需要配置代理。在本地创建一个虚拟服务器，发送请求数据，同时接受请求的数据，利用服务器与服务器间，交互，不会有跨域问题，也是完全只靠前端自己独立解决跨域的方式应用代理前代理后前端http://localhost:5173/cms置空后端http://localhost:7001/apihttps://gov.cn:8080/gov-api/在.env.de

kkkkkkkkira·2025-02-24 09:46

django-hexo-admin（一个基于django的hexo博客平台）

django-hexo-admin一个过分简单的前后端分离的基于django、vue3的hexo博客平台后台管理系统1.项目介绍一个异常简单的但理论上能够完全保留hexo生态的博客后台管理系统。

朝凡FR·2025-02-24 09:13

nodejs：express + js-mdict 作为后端，vue 3 + vite 作为前端，在线查询英汉词典

向doubao.com/chat/提问：node.js+js-mdict作为后端，vue3+vite作为前端，编写在线查询英汉词典后端部分（express+js-mdict）1.项目结构首先，创建一个项目目录

belldeep·2025-02-24 09:11

vue3+vite+axios 配置连接后端调用接口的实现方法

在vite.config.ts文件中添加以下配置exportdefaultdefineConfig({plugins:[vue()],optimizeDeps:{include:['axios'],},

嫣嫣细语·2025-02-24 09:11

UniApp本地存储：你以为只会存密码？这些骚操作让你直呼内行！

今天咱们不聊“跨端开发大法”，也不撕“Vue和React谁更香”，就说说UniApp里那个看似憨厚老实，实则暗藏玄机的本地存储！你以为它只能存个账号密码？Tooyoung！

烂蜻蜓·2025-02-24 09:11

封装confirm（Vue3+Ts）

封装confirm下周计划思路封装confirm首先要在以前js封装confirm的基础上进行操作之前封装confirm的时候是通过调用自己写的confirm函数实现弹窗的出现以及消失并进行逻辑的那么在Vue3

serendipity_05·2025-02-24 09:40

vue从入门到精通(十一)：条件渲染

条件渲染1.v-if写法:(1).v-if=“表达式”(2).v-else-if=“表达式”(3).v-else=“表达式”适用于:切换频率较低的场景。特点:不展示的DOM元素直接被移除。注意:v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断”2.v-show写法:v-show=“表达式”适用于:切换频率较高的场景。特点:不展示的DOM元素未被移除，仅仅是使用样式隐

陈小于·2025-02-24 08:09

vue：vite 代理服务器 proxy 配置

Vite代理服务器（Proxy）的配置通常用于开发环境，以解决跨域请求等问题。以下是一个详细的配置步骤：通过以上步骤，你就可以在Vite项目中配置代理服务器，以便在开发过程中方便地访问后端服务。‌找到Vite配置文件‌：Vite的配置文件通常为项目根目录下的vite.config.js或vite.config.ts。如果项目中没有这个文件，可以手动创建一个。‌配置代理‌：在vite.config.

belldeep·2025-02-24 08:09

组件封装-List

子组件&{id:any}">import{PropType,defineSlots}from'vue';defineProps({data:{//eslint-disable-next-lineno-undeftype

Bunury·2025-02-24 08:38

vue3中的usewebsocket

import{useWebSocket}from'@vueuse/core'import{ref}from'vue'constisFirstConnection=ref(true)//标志位，标记是否是第一次连接

Bunury·2025-02-24 08:38

vue2中组件通信的12种方式

文章目录vue2组件通信1.props通信（父传子）1.1声明方式(1)简单数组形式(2)对象形式1.2向子组件传递props(1)静态传递(2)动态传递1.3props的类型验证1.4props的单向数据流

Hopebearer_·2025-02-24 08:05

忘掉 DeepSeek：Qwen 2.5 VL 与 Qwen Max 来了

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读Qwen系列又推出了两款令人瞩目的新模型：Qwen2.5VL和Qwen2.5Max。

·2025-02-24 05:16

face-api.js人脸的简单使用案例

一、安装npmiface-api.js二、把模型下载放到public文件夹下文件为models里（public/models·TsMask/face-api-demo-vue-码云-开源中国(gitee.com

湫化椿雨·2025-02-24 05:16

vue页面导出Word文档（含图片）

点击跳转到网站：人工智能教程文章目录一、vue介绍二、引用插件安装引入插件三、Word模板data数据页面函数echart图片获取四、热门博客一、vue介绍Vue.js是一个渐进式JavaScript框架

·零落··2025-02-24 04:39

2022年9月前端学习笔记

目录2022.09.011、overflow:auto;2、封装通用axios返回值类型3、vite构建的vue3项目适配移动端4、使用vue3+vite+TypeScript搭建新项目1.新建项目2.

早日退休！·2025-02-24 04:09

AntV G6自定义流程图Graph

AntVG6自定义流程图GraphAntVG6自定义流程图Graph一、先看下我的效果图二、参考官方图表示例地址三、代码已整合成vue组件四、这里提供了直接改官方示例数据，简单的参考AntVG6自定义流程图

靠着蓝色背景幻想·2025-02-24 04:38

前端vue实现导出word文档（包含echarts图表、文本）html-docx-js|FileSaver

实现页面中的echarts导出到word并附带文字说明1.安装html-docx-js插件（0.3.1）版本npminstallhtml-docx-js--save2.安装FileSaver插件（2.0.5）版本npminstallhtml-docx-js--save3.导出的图表本文以折线图为例，将折线图的代码以子组件的方式编写，子组件名称为：lineChart，绑定ref值：myLineCha

初级码农-·2025-02-24 04:08

【前端学习笔记】Vue3

一、Vue3新变化Vue3相比于Vue2做了很多改进，不仅提升了性能，还引入了一些新的功能，使得开发更加高效、灵活。

咔叽布吉·2025-02-24 04:37

Vue——vue项目中导入excel文件读取成json格式数据

首先、安装组件cnpminstallxlsx--save导入EXCELimportXLSXfrom'xlsx'exportdefault{name:'HelloWorld',props:{type:String,default:'选择excel文件'},methods:{btnClick(){document.querySelector('.input-file').click()},export

dbt@L·2025-02-24 04:37

Vue 项目更新，浏览器不需强制刷新就可更新版本！防止缓存

##浏览器渲染流程1.解析HTML文件，构建DOM树，同时浏览器主进程负责下载CSS文件2.CSS文件下载完成，解析CSS文件成树形的数据结构，然后结合DOM树合并成RenderObject树3.布局RenderObject树（Layout/reflow），负责RenderObject树中的元素的尺寸，位置等计算4.绘制RenderObject树（paint），绘制页面的像素信息5.浏览器主进程将

AsBefore麦小兜·2025-02-24 04:06

全栈跨平台组件vue、tauri、blazor、maui、flutter对比，rust、py微服务架构可行性分析

一.前端组件库/框架1.vue.js组件Vue.js是一个渐进式JavaScript框架，易于上手，同时也能支持复杂的应用开发。安装nodejs前置安装可参考：

垣宇·2025-02-24 04:06

基于nodejs+vuetify3+ts+nuxt框架集成模块组件解析-seo优化第二章节+

一.身份验证请参考身份验证二.SEO优化+谷歌等开源文档示例SEO优化第一章节三.SEO优化第二章节1.Schema.org介绍nuxt提供的Schema.org可能不会提供直接的排名提升，但它允许您在搜索结果中呈现丰富的片段。丰富的片段已经被证明可以提高点击率，并在用户点击你的网站之前为他们提供更多的信息。Schema.org提供了一个简单的API来为您的next应用程序构建Schema.org