草庐IT

nodejs_vue

全部标签

vue获取本机ip地址

 mounted(){   this.getUserIP((ip)=>{     console.log('ip=')     console.log(ip)   })  },  methods:{ getUserIP(onNewIP){    //获取不到可能是因为chrome浏览器版本过高,需要修改浏览器配置如下    //在chrome地址栏输入:chrome://flags/#enable-webrtc-hide-local-ips-with-mdns     //把AnonymizelocalIPsexposedbyWebRTC设置为disabled     //不能确保每一个浏览器

自托管 NodeJS ChatGPT Discord 机器人

GBTILabs宣布面向开发人员的自托管NodeJSChatGPTDiscordBotBTILabs是一个私人开发运营团体和会员社区,自豪地宣布发布其自托管NodeJSChatGPTDiscord机器人,旨在为开发人员提供将ChatGPT和其他类似语言模型集成到Discord聊天机器人中的先机。该机器人通过文件与OpenAI和DiscordAPI集成config.json。该机器人要求用户拥有一个与OpenAI关联的支付账户,以记录数据使用情况。数据是负担得起的,高级用户每天花费大约10美分,而普通用户甚至不到一分钱。可通过OpenAIAPI进行节流管理,以帮助用户监控其使用情况。一旦连接到D

vue-使用echarts+echarts-gl实现某个省份地区地图3d可视化

前言最近在开发中遇到一个需求,需要把一个地区地图变成3d感觉悬浮在大屏中间配合业务需求其实echarts配合三方库就可以实现这个效果,具体细节需要自己调整代码实现1.下载各省份各地区地图数据-json文件-根据需求下载对应地图json数据引入即可最新全国地图JSON数据:数据来源:阿里云数据可视化平台-Gitee.com2.安装echarts和echarts-gl插件:npminstallechartsnpminstallecharts-gl3.代码实现-直接复制-注意下包和引入进来json地图数据需要对应起来 ​import*asechartsfrom'echarts'import'echa

【项目部署实战】-服务器宝塔部署SpringBoot项目和Vue项目并设置代理

一文实现零基础从打包到项目部署运行,小白版本。准备工作java:SpringBoot项目包(jar、war)前端:静态html、js、css数据库:相关数据服务以及项目数据库的初始化sql代码挑选一台服务器采用的腾讯云-轻量云服务器-2G2核40GBSSD+宝塔镜像进入宝塔面板安装Nginx1.22.1MySQL5.7.40Tomcat7.0.108(包含了JDK环境)打包SpringBoot项目运行mvn-package:此时在target目录中会出现一个jar包:测试jar包能否正常运行:测试:http://localhost:9010/druid/index.html打包前端项目确定pr

vue 的 mixin的使用和执行顺序

一,mixin的理解总结:在Vue中,mixin中的属性和方法都会被合并到组件中,但是不同类型的属性和方法会被合并到不同的结构中:(1)在Vue的mixin合并中,以下是对象类型的属性和方法:datacomputedmethodswatchpropsprovide和inject以上属性和方法会被合并成一个新对象,如果出现相同的属性,组件中的属性会覆盖mixin中的属性。(2)以下是数组类型的属性和方法:beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedactivateddeactivatedbeforeDestroydestroye

Vue ui创建项目报错:Failed to get response from https://registry.npmjs.org/vue-cli-version-marker

Vueui创建项目报错报错:Failedtogetresponsefromhttps://registry.npmjs.org/vue-cli-version-marker找到C:\Users\Administrator(或用户名)目录下的.vuerc文件,修改其配置为{"useTaobaoRegistry":true,"packageManager":"npm"}亲测有效!

VUE2/3:element ui table表格的显隐列(若依框架)

若依框架自带一个组件,封装了关于表格,展示和隐藏表格列的功能;使用效果就是这样的,在表格上面,三个框,从左到右分别是隐藏上面搜索,刷新列表,和显隐列的功能;  一、下面的代码放到RightToolbar/index.vue下,constprops=defineProps({showSearch:{type:Boolean,default:true,},columns:{type:Array,},search:{type:Boolean,default:true,},gutter:{type:Number,default:10,},})constemits=defineEmits(['updat

创建vue项目:vue ui界面创建项目后,安装Element Ui插件、axios 依赖,如何启动vue项目,npm run serve,启动vue项目方式(保姆级教程三)

今天讲解vueui图形化界面搭建项目后,添加ElementUI插件以及axios依赖有什么问题请留言,请点赞收藏!!!文章目录1、创建项目后添加插件1.1安装ElementUI插件1.2安装axios依赖2、启动vue项目提示:本教程是创建vue项目后添加依赖组件。还没有创建项目的,请看本专栏之前的文章:vue-cli创建vue项目-------------------------------------------------------------------------------------------------------------------------------------

基于Java+SpringBoot+Vue.js前后端分离乐器购物商城系统设计和实现 可行性分析

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式可行性分析是指对项目进行全面评估,以确定项目的可行性和可行性。对于基于Java+SpringBoot+Vue.js前后端分离乐器购物商城系统的设计和实现

Vue3 - 超详细实现文字上下滚动功能效果,类似网站公告文字循环翻滚、中将人员名单公布上下无限滚动效果(支持鼠标移入时悬停停止滚动、接口动态数据渲染、自由DIY样式等)

前言如果您是Vue2项目,请访问这篇文章。本文实现了在vue3.js项目中,实现文本的上下无限翻滚效果,类似公告栏和获奖名单人员等(文字内容无缝向上滚动/支持开启和关闭鼠标移入停止滚动和鼠标离开继续滚动)您直接复制示例代码,稍微改改样式就能用了,如下图所示,以组件的形式完成该功能,您只需要将数据传递给组件即可实现。详细示例代码,无任何乱七八糟的无用代码组件源码组件位置无所谓,后面用的时候正确引入即可。在项目components文件夹下,新建rolling.vue作为组件,请一键复制源码。template>