草庐IT

nodejs_vue

全部标签

Vue3+Vite+TS项目集成ESlint +Prettier实现代码规范检查和代码格式化

创建项目我在这里直接是通过vite提供的默认模板来创建一个vue3 +ts的项目。这里可以cmd,然后npm-v来查看版本。#如果npm的版本是6.x版本,则使用下面这条命令创建项目yarncreatevite@latestvite-vue3-ts--templatevue-ts#如果npm的版本是7+以上版本,则使用以下命令yarncreatevite@latestvite-vue3-ts----templatevue-ts这样一个vue3+ts的项目就创建好了,使用vscode打开该项目,然后执行yarn安装依赖依赖安装完成后,执行  yarndev 启动项目就可以在浏览器中正常访问了。 

基于SpringBoot+Vue校园论坛系统详细设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

【vue】前端页面点击按钮弹窗播放m3u8格式视频

最终效果:1.表格操作列播放视频2.initVideo方法data(){return{dialogUrl:'',videoid:undefined,videoName:''}}initVideo(url,nPlay){this.title='《'+this.videoName+'》第'+nPlay+'集';this.dialogUrl='/video.html?'+url;this.open=true;},3.弹出层代码4.showAll_dialog样式.showAll_dialog{display:flex;justify-content:center;align-items:center

vue3使用Mars3D写区块地图

效果图引入相关文件因为我也是第一次使用,所以我是把插件和源文件都引入了,能使用启动源文件下载地址:http://mars3d.cn/download.html放入位置在index.html中引入 !--引入cesium基础lib--> linkhref="/static/Cesium/Widgets/widgets.css"rel="stylesheet"/> scriptsrc="/static/Cesium/Cesium.js"type="text/javascript">/script> !--引入mars3d库lib--> linkhref="/static/mars3d-JS

【计算机毕设案例推荐】高校学术研讨信息管理系统小程序SpringBoot+Vue+小程序

前言:我是IT源码社,从事计算机开发行业数年,专注Java领域,专业提供程序设计开发、源码分享、技术指导讲解、定制和毕业设计服务项目名基于SpringBoot的高校学术研讨信息管理系统小程序技术栈SpringBoot+小程序+Vue+MySQL+Maven文章目录一、高校学术研讨信息管理系统小程序-环境介绍1.1运行环境二、高校学术研讨信息管理系统小程序-系统介绍2.1项目介绍2.2功能模块三、高校学术研讨信息管理系统小程序-系统展示3.1部分功能图文展示四、高校学术研讨信息管理系统小程序-部分代码设计4.1.部分代码如下:五、高校学术研讨信息管理系统小程序-结束语一、高校学术研讨信息管理系统

Naive UI+Vue3来实现点击按钮一键切换明暗主题的功能

记录一下如何使用NaiveUI+Vue3代码来实现一键切换明暗主题的功能。效果如下:NaiveUI+Vue3项目的搭建终端下输入:npminitvue@latest起好项目的名称,然后一路回车即可。cdvue3npminstallnpmrundev至此Vue3的项目已经搭建完毕,打开http://127.0.0.1:5173/就可以看到项目的默认首页了。安装NaiveUI依赖库npmi-Dnaive-uinpmi-Dvfonts然后我们根据官方出的配置对项目进行简单的修改vue3项目下边的main.jsimport{createApp}from'vue'importAppfrom'./App.

vue3 webSocket 封装及使用

vue3webSocket封装及使用封装import{ref,onUnmounted}from'vue';interfaceSocketOptions{heartbeatInterval?:number;reconnectInterval?:number;maxReconnectAttempts?:number;}classSocket{url:string;ws:WebSocket|null=null;opts:SocketOptions;reconnectAttempts:number=0;listeners:{[key:string]:Function[]}={};heartbeatIn

nodejs之 crypto-js模块,浏览器端加解密算法库

一、简介CryptoJS是一个JavaScript加密算法库,用于实现各种加密算法和哈希函数。它提供了一种简单而强大的方式来执行加密操作,包括对称加密算法、非对称加密算法和哈希函数等。CryptoJS支持的主要功能包括:1.对称加密:CryptoJS提供了常见的对称加密算法,如AES(AdvancedEncryptionStandard)和DES(DataEncryptionStandard)。这些算法使用相同的密钥进行加密和解密操作,适用于保护数据的机密性。2.非对称加密:CryptoJS支持非对称加密算法,如RSA(Rivest-Shamir-Adleman)。非对称加密使用一对密钥,包括

基于vue.js在线购物商城系统设计与实现(uni-app框架+PHP后台) 研究背景和意义、国内外现状

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式一、研究背景和意义研究背景随着互联网技术的迅速发展和电子商务的普及,线上购物已经成为人们日常生活中不可或缺的一部分。传统的线下购物方式受限于时间、地点和商品种类,而在线购物

微前端-qiankun:vue3-vite 接入 vue3-vite

一、背景主应用:vue3、vite主项目接入qiankun子应用:vue3、webpack二、代码-接入子应用2.1、安装vite-plugin-qiankun(qiankun官方不支持vite)需要安装插件pnpmaddvite-plugin-qiankun2.2、vite.config.tsimport{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importvueJsxfrom'@vitejs/plugin-vue-jsx'importqian