效果echarts项目vue

【开源项目】AI Vtuber 一个由多LLM驱动的虚拟主播,可以在Bilibili/抖音 直播中与观众实时互动或本地聊天。使用多种TTS技术并可进行AI变声。通过特定指令协同SD绘图。并有循环文案

AI Vtuber是一个由 ChatterBot / GPT / Claude / langchain 本地 or 云端 / chatglm / text-generation-webui / 讯飞星火 / 智谱AI / 谷歌Bard / 文心一言 做为 大脑 驱动的虚拟主播 Live2D / Vt... ......
变声 文案 指令 并有 实时

创建vue3项目、setup函数、ref函数、reactive函数、计算监听属性、生命周期、torefs、vue3 setup写法

创建vue3项目 # 两种方式 - vue-cli:vue脚手架 》创建vue项目 》构建vue项目--》工具链 跟之前一样 - vite :https://cn.vitejs.dev/ -npm create vue@latest 一路选择即可 # 运行vue3项目 -vue-cli跟之前一样 - ......
函数 setup 写法 vue3 vue

Django实战项目-学习任务系统-用户登录

第一步:先创建一个Django应用程序框架代码 1,先创建一个Django项目 django-admin startproject mysite 将创建一个目录,其布局如下: mysite/ manage.py mysite/ __init__.py settings.py urls.py asgi ......
任务系统 实战 任务 项目 用户

RedisStack部署/持久化/安全/与C#项目集成

前言 Redis可好用了,速度快,支持的数据类型又多,最主要的是现在可以用来向量搜索了。 本文记录一下官方提供的 redis-stack 部署和配置过程。 关于 redis-stack redis-stack installs a Redis server with additional datab ......
RedisStack 项目

一个电脑管理多个node版本 (不同项目使用不同版本的node)

一、介绍 使用nvm可以方便的在同一台设备上进行多个node版本之间切换,解决不同的项目所使用的node版本不一样的问题 二、安装nvm 1、NVM下载(1)如果已经单独安装了node,请先卸载再继续 (2)进入安装包下载地址:https://github.com/coreybutler/nvm-w ......
版本 node 多个 项目 电脑

vue3中defineComponent 的作用详解

转自:https://www.jb51.net/article/263096.htm 这篇文章主要介绍了vue3中defineComponent 的作用,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下 vue3中,新增了 defineCompon ......
defineComponent 作用 vue3 vue

是用非构建工具开始使用Vue3

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
工具 Vue3 Vue

创建vue3项目,setup函数,ref函数,reactive函数,计算监听属性,生命周期, torefs,vue3 setup写法

1 创建vue3项目🐑 # 两种方式 - vue-cli:vue脚手架 》创建vue项目 》构建vue项目--》工具链 跟之前一样 - vite :https://cn.vitejs.dev/ -npm create vue@latest 一路选择即可 # 运行vue3项目 -vue-cli跟之前 ......
函数 setup 写法 vue3 vue

Vue.js 中添加动态背景图片

用 style 标签在 Vue.js 中应用或数据绑定背景图像,然后在其中定义 backgroundImage URL。 它会自动从字符串中检索url,然后在浏览器网页上显示相同的数据内容 ......
背景图片 背景 动态 图片 Vue

vue-router使用、localStorage系列、vue3介绍、组合式api和配置项api

vue-router使用 以后,就是组件的切换实现页面切换的效果 》必须借助于vue-router来实现 vuex 现在知道的 -<router-view/> 》显示组件 》router/index.js中配置 -<router-link :to="about_url"> 》做 页面组件跳转的 基本 ......
localStorage vue-router vue api router

Vue3中shallowReactive 与 shallowRef 的用法

转自:https://blog.csdn.net/qq_54527592/article/details/119840044 shallowReactive 与 shallowRef shallowReactive:只处理对象最外层属性的响应式(浅响应式)。 shallowRef:只处理基本数据类型 ......
shallowReactive shallowRef Vue3 Vue

Vue3

一、创建vue3项目 1、 2、 二、setup函数 1、 三、ref函数 1、 四、reactive函数 1、 五、计算和监听属性 1、 六、生命周期 1、 七、torefs 1、 八、vue3 setup写法 1、 ......
Vue3 Vue

前端项目异常监控-全局捕获Promise错误

1.核心 全局监听unhandledrejection,该事件为Promise被reject时但没有reject处理器时(没有被catch处理),则触发该事件。( async 函数内部的异步任务一旦出现错误,那么就等同于 async 函数返回的 Promise 对象被 reject。) 2.编写辅助 ......
前端 全局 错误 Promise 项目

Vue3

vue3.3.4 + vite4.4.9 1.组件安装 1.1 ElementPlus npm install element-plus --save main.js import ElementPlus from 'element-plus' import 'element-plus/dist/i ......
Vue3 Vue

自动化爬取Behance网站上的项目链接(优化版)

### 代码功能: 此代码的主要目的是自动化爬取Behance网站上的项目链接。 1. **多关键词搜索**: 用户可以一次性输入多个关键词,程序会为每个关键词爬取指定数量的项目链接。2. **自动滚动页面**: 使用Selenium模拟浏览器操作,程序能自动地滚动页面以获取更多的链接。3. **命 ......
Behance 链接 项目 网站

Vue3 Div 与 v-for 的配合应用,超出自动带滚动条

效果图 代码 <li > <a href="javascript:;" class="IndRea flexC Huans"><i></i><p>当前会议 [ 0 ]</p></a> <div style="height:80%;overflow:auto;"> <div v-for="(dataI ......
v-for Vue3 Vue Div for

vue.js函数模板引用

// 参考网址:https://cn.vuejs.org/guide/essentials/template-refs.html#ref-on-component// 模板引用也可以被用在一个子组件上。这种情况下引用中获得的值是组件实例:// 如果一个子组件使用的是选项式 API 或没有使用 <sc ......
函数 模板 vue js

vue3响应式原理

转自:https://blog.csdn.net/qq_51130780/article/details/129424598 响应式的相关知识Vue 3 中的响应式原理是通过使用 ES6 的 Proxy 对象来实现的。在 Vue 3 中,每个组件都有一个响应式代理对象,当组件中的数据发生变化时,代理 ......
原理 vue3 vue

vue3——全局挂载,getCurrentInstance,proxy属性

1. messageTools/index.ts import {ElMessage} from "element-plus" export default { // 普通消息提示 msg(text:any) { ElMessage(text); }, // 成功消息提示 msgSuccess(te ......
getCurrentInstance 全局 属性 proxy vue3

go.搭建简单Gin项目

新建gin_demo project 获取gin框架: go get -u github.com/gin-gonic/gin 建一个main方法 package main import "github.com/gin-gonic/gin" import _ "net/http" func main( ......
项目 Gin go

Springboot+Vue整合(二)

今天内容1: 用Vue实现了进一步的查询,通过ID进行条件查询 这个内容基本上是在之前的整合的基础上做的修改 流程为: 页面添加搜索框 <el-table-column align="right"> <template slot="header" slot-scope="scope"> <div s ......
Springboot Vue

大屏项目按照宽度缩放

注:如果高度也缩放会导致大屏项目中图片拉伸的问题,所以本方法不包含高度缩放 const functionOne = (function (win) { var bodyStyle = document.createElement('style') bodyStyle.innerHTML = `bod ......
大屏 宽度 项目

Redis项目搭建

Redis项目搭建 Redis下载 搭建redis首先需要下载Redis,可是Redis官方并没有Windows安装,好在网上从不缺大牛,Github上可以找到Redis的Windows版 下载地址:https://github.com/tporadowski/redis/releases (网速很 ......
项目 Redis

ansible-kube集群部署项目简述

ansible-kube集群部署项目简述 1.目录要求 介于证书生成文件和一些脚本使用了绝对路径;必须将ansible.tgz 包解压到 /ansible 路径下。 工作路径必须为 /ansible/Playbooks/k8s_deploy 2.目录结构以及功能概要 ├── k8s_deploy # ......
集群 ansible-kube ansible 项目 kube

创建小程序项目

二、创建小程序工程 在HBuilderX上面,创建emos-wx项目 在manifest.json文件中填写你自己注册下来小程序AppID 启动微信开发者工具,并且扫码登陆 选择运行微信小程序 三、uni-app框架简介 ......
程序 项目

gitlab如何快速拉取项目到本地?

拉取git项目到本地只需要6步: 1、查看本地的rsa。 指令: cat ~/.ssh/id_rsa.pub 2、复制结果 输入以上指令会出现以下结果 3、git搜索SSH,找到SSH Key,添加新的key 4、找到新的文件夹,git bash here 5、克隆对应项目ssh 6、回到Bash输 ......
项目 gitlab

Css实现浏览滚动条效果

Css实现浏览滚动条效果 前言 也是有大半个月没有更新文章了,大部分时间都在玩,然后就是入职的事。今天就更新一个小知识,刷抖音的时候看到的,感觉还不错。 属性介绍 关键属性animation-timeline:动画名称; 用于控制动画的时间轴。它可以让你在一个元素上同时播放多个动画,控制它们的开始时 ......
效果 Css

Java项目中的各种层

1、Dao层(持久层、数据访问层) 2、Controller层(控制层、action层) 3、Service层(业务层、biz) 4、Entity层(实体层、domain层) 5、view层(负责前台jsp页面的表示) 6、config层(负责ssm的整体配置,主要包含spring,springmv ......
项目 Java

abp 框架 前端 abp/vue docker Dockerfile

FROM node:lts-alpine as build-stage WORKDIR /app COPY package.json ./ RUN yarn install COPY . . RUN yarn build #代理nginx,nginx直接访问 FROM nginx:stable-al ......
前端 Dockerfile abp 框架 docker