前端

Vue3 使用 Event Bus

本文已整理到 Github,地址 👉 blog。 如果我的内容帮助到了您,欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~ 我希望我的内容可以帮助你。现在我专注于前端领域,但我也将分享我在有限的时间内看到和感受到的东西。 在 Vue2 中,创建 Event Bus 如下: export const bus = new Vue() bus.$on(...) bus.$emit(...) 在 V

开源:各种前端设计和动效,这个项目里一应俱全

一、简述 经过了两个月的精心打磨,该项目也趋于稳定,我想是时候与大家见面了,今天就向大家隆重介绍这个开源项目:visualization-collectio,一个专注于前端视觉效果的集合应用,里面有大量的前端设计和丰富的动效案例,包括有Html视觉、Css动效、Canvas动效、Echarts交互、Three.js3D、人工智能应用和图片处理工具这七大模块。 该项目也是我在工作之余完

在vue3中(vite)引入unocss,安装配置unocss

前言: 不了解unocss的朋友,建议先阅读此文章 简单来说,unocss是一个css引擎,用过Tailwind CSS和windi CSS的不会陌生,不一样的是,unocss本身不提供任何类名css,它只是解决Tailwind以及windi的编译和打包的某些问题,也就是它可以配合Tailwind或者wi

[git] MacBook 安装git

文章目录 1.Mac Git 安装 2. 开发者工具 安装 CommandLineTools 安装完成,错误解决 3. git 账户配置 账户设置 生成秘钥 git 或者 gitee 仓库添加公钥 查看全局账户命令 多账户设置 config文件 测试连接 clone到本地 1.Mac Git 安装Mac一般自带Git工具,也就

vite+vue3+ts+pinia+element-plus搭建项目(三)

现在进入页面开发,组件库选择Element Plus,考虑到前端写样式每个人的写法都不同,这样维护起来也是比较麻烦的,所以选择 Tailwindcss ,这样开发过程不用去想很多的类名,不用再去写css代码 element-plus 按需引入 yarn add unplugin-vue-components --save-dev // vite.config.ts import { defin

关于优化Vue-router优化import引入过多导致index文件过于臃肿

1.需求 当我们在开发过程中,需要引入很多的文件,但是又不想每个文件都依次导入的时候 就会想有没有一个方法可以批量导入 require.context方法就可以解决这个问题.(仅限于webpack) function importAll (require) { console.log(require.keys(),'keys') // 此处是由多个文件路径组成的数组 require

vue的动态组件 keep-alive

1. 什么是动态组件 动态组件指的是 动态切换组件的显示与隐藏 2. 如何实现动态组件渲染 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。 作用:组件的占位符 is的值表示要渲染的组件 示例代码如下: Left.vue的代码 <template> <div class="box">这是左边的组件</div>

Spring Boot Banner

本文源码仓库地址:Gitee 一、前言在日常开发中,我们经常会看到各种各样的启动画面。例如以下几种: Spring Boot项目启动 MyBatis-Plus启动 RuoYi项目启动 这些好看的启动画面叫什么?又是如何制作的呢?请往下看。 二、SpringBoot Banner (一)概述

基于ANP的WebAgent如何运行

概述WebAgent 是专为 AI 访问设计的网络智能体,允许其他智能体通过标准化协议直接获取信息和服务。本文档以天气 WebAgent 为例,详细说明 WebAgent 的运行机制及使用方法。1. WebAgent 发现机制智能体可以通过两种方式发现 WebAgent:1.1 主动发现(通过域名)当知道 WebAgent 的域名时,可以通过访问规范化的路径获取智能体列表:

Vue组件化开发

✍目录总览:(组件化概念、组件注册、数据存放、组件数据共享、组件插槽、使用步骤) 一、组件化概念 1. 组件化开发思想 组件化思想的特点:标准、分治、复用、组合 2. 组件定义 **组件化**开发:根据封装的思想,把页面上可重用的 UI 结构封装为组件,从而方便项目的开发和维护。 3. Vue中的组件化开发 **vue** 是一个**支持组件化开发的前端框架**。