Vue3 使用 Event Bus 本文已整理到 Github,地址 👉 blog。 如果我的内容帮助到了您,欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~ 我希望我的内容可以帮助你。现在我专注于前端领域,但我也将分享我在有限的时间内看到和感受到的东西。 在 Vue2 中,创建 Event Bus 如下: export const bus = new Vue() bus.$on(...) bus.$emit(...) 在 V 前端 2025年06月16日 149 点赞 0 评论 11484 浏览
开源:各种前端设计和动效,这个项目里一应俱全 一、简述 经过了两个月的精心打磨,该项目也趋于稳定,我想是时候与大家见面了,今天就向大家隆重介绍这个开源项目:visualization-collectio,一个专注于前端视觉效果的集合应用,里面有大量的前端设计和丰富的动效案例,包括有Html视觉、Css动效、Canvas动效、Echarts交互、Three.js3D、人工智能应用和图片处理工具这七大模块。 该项目也是我在工作之余完 前端 2025年06月19日 179 点赞 0 评论 11512 浏览
在vue3中(vite)引入unocss,安装配置unocss 前言: 不了解unocss的朋友,建议先阅读此文章 简单来说,unocss是一个css引擎,用过Tailwind CSS和windi CSS的不会陌生,不一样的是,unocss本身不提供任何类名css,它只是解决Tailwind以及windi的编译和打包的某些问题,也就是它可以配合Tailwind或者wi 前端 2025年07月20日 105 点赞 0 评论 11513 浏览
[git] MacBook 安装git 文章目录 1.Mac Git 安装 2. 开发者工具 安装 CommandLineTools 安装完成,错误解决 3. git 账户配置 账户设置 生成秘钥 git 或者 gitee 仓库添加公钥 查看全局账户命令 多账户设置 config文件 测试连接 clone到本地 1.Mac Git 安装Mac一般自带Git工具,也就 前端 2025年04月17日 47 点赞 0 评论 11572 浏览
vite+vue3+ts+pinia+element-plus搭建项目(三) 现在进入页面开发,组件库选择Element Plus,考虑到前端写样式每个人的写法都不同,这样维护起来也是比较麻烦的,所以选择 Tailwindcss ,这样开发过程不用去想很多的类名,不用再去写css代码 element-plus 按需引入 yarn add unplugin-vue-components --save-dev // vite.config.ts import { defin 前端 2025年06月13日 84 点赞 0 评论 11591 浏览
关于优化Vue-router优化import引入过多导致index文件过于臃肿 1.需求 当我们在开发过程中,需要引入很多的文件,但是又不想每个文件都依次导入的时候 就会想有没有一个方法可以批量导入 require.context方法就可以解决这个问题.(仅限于webpack) function importAll (require) { console.log(require.keys(),'keys') // 此处是由多个文件路径组成的数组 require 前端 2025年05月16日 175 点赞 0 评论 11607 浏览
vue的动态组件 keep-alive 1. 什么是动态组件 动态组件指的是 动态切换组件的显示与隐藏 2. 如何实现动态组件渲染 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。 作用:组件的占位符 is的值表示要渲染的组件 示例代码如下: Left.vue的代码 <template> <div class="box">这是左边的组件</div> 前端 2025年05月07日 34 点赞 0 评论 11619 浏览
Spring Boot Banner 本文源码仓库地址:Gitee 一、前言在日常开发中,我们经常会看到各种各样的启动画面。例如以下几种: Spring Boot项目启动 MyBatis-Plus启动 RuoYi项目启动 这些好看的启动画面叫什么?又是如何制作的呢?请往下看。 二、SpringBoot Banner (一)概述 前端 2025年09月09日 52 点赞 0 评论 11622 浏览
基于ANP的WebAgent如何运行 概述WebAgent 是专为 AI 访问设计的网络智能体,允许其他智能体通过标准化协议直接获取信息和服务。本文档以天气 WebAgent 为例,详细说明 WebAgent 的运行机制及使用方法。1. WebAgent 发现机制智能体可以通过两种方式发现 WebAgent:1.1 主动发现(通过域名)当知道 WebAgent 的域名时,可以通过访问规范化的路径获取智能体列表: 前端 2025年12月17日 141 点赞 0 评论 11660 浏览
Vue组件化开发 ✍目录总览:(组件化概念、组件注册、数据存放、组件数据共享、组件插槽、使用步骤) 一、组件化概念 1. 组件化开发思想 组件化思想的特点:标准、分治、复用、组合 2. 组件定义 **组件化**开发:根据封装的思想,把页面上可重用的 UI 结构封装为组件,从而方便项目的开发和维护。 3. Vue中的组件化开发 **vue** 是一个**支持组件化开发的前端框架**。 前端 2025年05月30日 87 点赞 0 评论 11686 浏览