草庐IT

nodejs_vue

全部标签

vue 实现通过鼠标滚轮横向滚动

 鼠标放上去,滚动鼠标滚轮,可左右滑动标签内容 template中的代码 mounted(){this.scrollInit();//初始化滚动事件},methods:{//初始化与绑定监听事件方法scrollInit(){//获取要绑定事件的元素constnav=document.getElementById("nav")//document.addEventListener('DOMMouseScroll',handler,false)//添加滚轮滚动监听事件,一般是用下面的方法,上面的是火狐的写法nav.addEventListener('mousewheel',this.handler

SpringBoot / Vue 对SSE的基本使用(简单上手)

一、SSE是什么?SSE技术是基于单工通信模式,只是单纯的客户端向服务端发送请求,服务端不会主动发送给客户端。服务端采取的策略是抓住这个请求不放,等数据更新的时候才返回给客户端,当客户端接收到消息后,再向服务端发送请求,周而复始。注意:因为EventSource对象是SSE的客户端,可能会有浏览器对其不支持二、sse与websoketSSE(Server-SentEvents)是HTML5遵循W3C标准提出的客户端和服务端之间进行实时通信的协议。优点SSE客户端可以接收来自服务器的“流”数据,而不需要进行轮询。由于没有浪费的请求,因此SSE对于减轻服务器的压力非常有用。SSE使用纯JavaSc

vue 升降版本,查看项目版本

1、查看当前vue版本查看版本vue-V或vue--version版本号对应VueCLI4.5以下,对应的是Vue2VueCLI4.5及以上,对应的是Vue32、查看项目使用的版本号进入项目目录npmlistvue3、升降vue版本从vue2.x升到vue3.x即卸载当前版本,安装另外的版本npmuninstall-gvue-clinpminstall-g@vue/cli从vue3.x降到vue2.xnpmuninstall-g@vue/clinpminstall-gvue-cli结束!!!!!!! 一个人若是漫不经心地变老,而未能看到自己将身体力量与美发展到极致之后可能成为的样子,那是一种耻

美妆商城系统 SpringBoot + Vue 【毕业设计 资料 + 源码】

我|在这里🕵️读书|长沙⭐软件工程⭐本科🏠工作|广州⭐Java全栈开发(软件工程师)🎃爱好|研究技术、旅游、阅读、运动、喜欢流行歌曲🏷️标签|男自律狂人目标明确责任心强✈️公众号|热爱技术的小郑🚀邮箱|2977429967@qq.com✈️GitHub项目仓库开源项目+实战Demo 为何而写?🍍好记性不如烂笔头,记录学习的相关知识、项目BUG解决🍇复盘总结,加深记忆,方便自己查看🍑分享知识,咱就是这么乐于助人、专注填坑20年、哈哈哈哈 目标描述🏆没有伞的孩子、只能用力奔跑。向着架构师的方向努力、做一个有始有终的人。一、前言使用技术栈SpringBoot+Vue+Mybatis+Mysql该系统

前端技术探秘-Nodejs的CommonJS规范实现原理

了解Node.jsNode.js是一个基于ChromeV8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node中增添了很多内置的模块,提供各种各样的功能,同时也提供许多第三方模块。模块的问题为什么要有模块复杂的前端项目需要做分层处理,按照功能、业务、组件拆分成模块,模块化的项目至少有以下优点:便于单元测试便于同事间协作抽离公共方法,开发快捷按需加载,性能优秀高内聚低耦合防止变量冲突方便代码项目维护几种模块化规范CMD

vue打包部署到服务器,动态获取(修改)对应服务器的请求ip

需求:vue打包后的文件要部署到不同的服务器上,ip不同,每次部署都要修改对应服务器的ip后打包上线,所以会出现频繁打包的情况问题:vue项目打包上线不同服务器,需要打包一次能够动态的修改ip地址思路1:1.由于vue项目里面public文件在打包时不会被影响,所以可以在public文件夹下加入一个js文件,用来存储ip接口2.在js文件里:window.VITE_BASE_URL='对应服务器请求的ip'public>webconfig.js//window.VITE_BASE_URL='地址ip1'//window.VITE_BASE_URL='地址ip2'window.VITE_BASE

【iconfont图标】vue引入并使用阿里巴巴iconfont图标流程【uniapp引入iconfont真机APP不显示问题解决,移动端引入报错解决】

前言为什么要使用阿里图标库:图标现在是很多地方都会用到的一般我使用的时候都是直接在ui库中比如elementul自带的一些有时候哪怕是感觉图标不是非常适合也是用的elementul图标,主要原因是懒因为能直接复制的,就懒得再去阿里图标库下载遍,差不多就行了。但是总有些时候你需要的图标是真的在elementul里没有的或者完全不适合的。这时候我们需要去到阿里的图标库里找找,这里的图标非常多,完全可以满足一切需求了。iconfont有三种图标引入方式,分别简单说一下特点1,Unicode:兼容性好,ie低版本也好用,可以和文字一样调整颜色和大小。缺点是不显示颜色,你下载的是有颜色的图标,会自动给你

vue3 + naive组件UI 运用h()函数和封装的svg组件动态创建svg图片

naive组件UI有些组件自定义图标需要用到h()函数 但有时候,我们只想用自己本地的svg图片,就需要运用h()函数来创建组件的方式动态创建svg了具体代码如下:importSvgIconfrom'@/components/svgIcon/svgIcon.vue'import{h}from'vue'functionrenderIcon(){ return()=>  h('div',[   h(SvgIcon,{    name:'wind'   })  ])}   动态创建svg   这里的'wind'是你本地svg图片的名称,具体可以看下面的文章SvgIcon组件是封装好的组件,可以在网上

海康威视的视频web端(vue开发)的实时预览、录像回放和页面拖拽

文章目录一、实现步骤1.安装海康web插件2.配置引入3.兼容性4.代码实现5.开发中遇到的问题及解决方法效果图一、实现步骤1.安装海康web插件去海康威视官网上下载,官方不支持Mac,只支持Windowshttps://open.hikvision.com/2.配置引入在index.html引入js文件,安装包里面有scriptsrc="static/jquery-1.12.4.min.js">/script>scriptsrc="static/jsencrypt.min.js">/script>scriptsrc="static/jsWebControl-1.0.0.min.js">/sc