项目vue3 vue
部署项目到Linux踩的坑
一、tomcat版本不一致 在windows上开发时用的tomcat9，实现javax.servlet.Filter的实现类无需重写init()和destroy(), 但我在Linux上安装的tomcat是8.5，javax.servlet.Filter的实现类需要重写init()和destory( ......
vue3比vue2优势
Vue 3相对于Vue 2有一些显著的优势，主要集中在性能、开发体验和一些新的特性上： 性能提升： 虚拟DOM的优化：Vue 3使用了更高效的虚拟DOM算法，减少了不必要的DOM操作，提高了渲染性能。 编译器优化：Vue 3的编译器生成的代码更为紧凑和高效，加速了首次渲染和更新速度。 更小的包大小： ......
Go 项目代码布局
Go 项目代码布局 目录Go 项目代码布局一、Go 语言“创世项目”结构1.1 src 目录结构三个特点二、Go 项目布局演进2.1 演进一：Go 1.4 版本删除 pkg 这一中间层目录并引入 internal 目录2.2 演进二：Go1.6 版本增加 vendor 目录2.3 演进三：Go 1. ......
购物车计算总价vue小程序通用
计算总价 this.data.cartlist.filter(item=>item.checked).reduce((a1,a2)=>a1+a2.price*a2.goods_weight,0) 计算全选反选 // every: 有一个不满足条件就返回false return this.arr.ev ......
路飞项目
1 企业项目类型🌟 # 1 面向互联网用户：商城类项目 -微信小程序商城 # 2 面向互联网用户：二手交易类的 -咸鱼 -转转 # 3 公司内部项目：python写的重点 -oa系统 -打卡系统工资核算系统 -第三方公司做的： -给医院 互联网，内部的项目 -银行 内部系统 -政府 -钢材市场，商 ......
路飞项目需求
1. 企业项目类型 1. 面向互联网用户：商城类项目 - 微信小程序商城 - 线上线下结合 2. 面向互联网用户：二手交易 - 闲鱼 - 转转 - 交友平台 3. 公司内部项目，给某些用户定制项目：python写的重点 - 运维管理，监控平台，资产管理 - oa系统 - 打卡系统工资核算系统 - 第 ......
助力电力行业数字化转型：智慧风电项目介绍
智慧电力作为电力领域的突破性进展，旨在实现能源领域的数字化转型。智慧电力借助数字孪生、IOT、云计算等技术，将传统的电力系统升级为高智能、高效能的系统，助力传统能源企业实现数字化转型。下面让我们来看一看山海鲸可视化提供的智慧电力相关项目案例。 ......
记录--Vue 右键菜单的秘密：自适应位置的实现方法
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 下图这个情景，你是否也遇到过？ 当你右键点击网页上的某个元素时，弹出的菜单被屏幕边缘遮挡了，导致你无法看清或选择菜单项？ 上图中右键菜单的选项并不是固定不变的，它会根据不同的元素或场景来显示不同的选项。 也就是说，菜单的内容和大小都是动态 ......
vue3 新增 mitt 的使用
在 Vue 3 中，你可以使用 mitt 库来实现事件总线，以便在组件之间进行通信。下面是详细的介绍如何使用 mitt： 安装 mitt 库： 首先，确保你已经安装了 mitt 库。你可以使用 npm 或 yarn 来安装它： 插入代码复制代码 npm install mitt 或 插入代码复制代码 ......
vue上通过krpano.js实现360全景图
首先贴出一些XML对应的函数，文件内容都有注释说明， 前端代码读取xml文件代码 // 初始化 window.embedpano({ xml: 0, target: 'pano', html5: 'only', mobilescale: 1.0, passQueryParameters: 'star ......
getRefs is undefined html vue2项目 报错
vue2项目提示 getRefs is undefined 在div上面写了，ref，还写了v-if 然后再watch中操作了 ref 导致报错。 分析： 组件因为v-if 为 false 没有注册和渲染，在操作的时候还使用了this.$refs函数就会获取不到 解决办法： v-if换成v-show ......
vue2自定义指令实现el-dropdown下拉菜单项最小宽度等于内容宽度
//在main.js添加 Vue.directive('siem-dropdown', function (el, binding, vNode) { let ul = el.querySelector("ul") let uid = vNode.componentInstance._uid; // ......
【开源项目】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跟之前一样 - ......
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 ......
一个电脑管理多个node版本 （不同项目使用不同版本的node）
一、介绍 使用nvm可以方便的在同一台设备上进行多个node版本之间切换，解决不同的项目所使用的node版本不一样的问题 二、安装nvm 1、NVM下载（1）如果已经单独安装了node，请先卸载再继续 （2）进入安装包下载地址：https://github.com/coreybutler/nvm-w ......
vue3中defineComponent 的作用详解
转自：https://www.jb51.net/article/263096.htm 这篇文章主要介绍了vue3中defineComponent 的作用,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下 vue3中，新增了 defineCompon ......
是用非构建工具开始使用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项目，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跟之前 ......
Vue.js 中添加动态背景图片
用 style 标签在 Vue.js 中应用或数据绑定背景图像，然后在其中定义 backgroundImage URL。 它会自动从字符串中检索url，然后在浏览器网页上显示相同的数据内容 ......
vue-router使用、localStorage系列、vue3介绍、组合式api和配置项api
vue-router使用 以后，就是组件的切换实现页面切换的效果 》必须借助于vue-router来实现 vuex 现在知道的 -<router-view/> 》显示组件 》router/index.js中配置 -<router-link :to="about_url"> 》做 页面组件跳转的 基本 ......
Vue3中shallowReactive 与 shallowRef 的用法
转自：https://blog.csdn.net/qq_54527592/article/details/119840044 shallowReactive 与 shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型 ......
Vue3
一、创建vue3项目 1、 2、 二、setup函数 1、 三、ref函数 1、 四、reactive函数 1、 五、计算和监听属性 1、 六、生命周期 1、 七、torefs 1、 八、vue3 setup写法 1、 ......
前端项目异常监控-全局捕获Promise错误
1.核心 全局监听unhandledrejection，该事件为Promise被reject时但没有reject处理器时（没有被catch处理），则触发该事件。（ async 函数内部的异步任务一旦出现错误，那么就等同于 async 函数返回的 Promise 对象被 reject。） 2.编写辅助 ......
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 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 ......
自动化爬取Behance网站上的项目链接（优化版）
### 代码功能： 此代码的主要目的是自动化爬取Behance网站上的项目链接。 1. **多关键词搜索**: 用户可以一次性输入多个关键词，程序会为每个关键词爬取指定数量的项目链接。2. **自动滚动页面**: 使用Selenium模拟浏览器操作，程序能自动地滚动页面以获取更多的链接。3. **命 ......
vue.js函数模板引用
// 参考网址：https://cn.vuejs.org/guide/essentials/template-refs.html#ref-on-component// 模板引用也可以被用在一个子组件上。这种情况下引用中获得的值是组件实例：// 如果一个子组件使用的是选项式 API 或没有使用 <sc ......