国外设计教程网站在线做网站怎么做

国外设计教程网站,在线做网站怎么做,什么网站加盟代理做的专业,厦门网站建设格短视频程序源码#xff0c;实现一个简单的websocket 实现简单的websocket#xff0c;只需要几步#xff1a; 1、引入socket.io组件; 2、前端初始化页面时#xff0c;监听socket.on(‘chatMsg’, () xxx); 3、需要发送事件时#xff0c;触发socket.emit(‘chatMsg’, …短视频程序源码实现一个简单的websocket实现简单的websocket只需要几步1、引入socket.io组件;2、前端初始化页面时监听socket.on(‘chatMsg’, () xxx);3、需要发送事件时触发socket.emit(‘chatMsg’, ‘msg’);4、后端监听事件并回调即可index.html!DOCTYPE htmlhtmllangenheadmetacharsetUTF-8metanameviewportcontentwidthdevice-width, initial-scale1.0titleDocument/title/headbodydividappinputtypetextidnamebuttontypebuttonclicksubmitsend/buttonul v-for(item, i) in msgList:keyitem new Date().getTime()li{{i1}}.{{item}}/li/ul/divscriptsrchttps://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.js/scriptscriptsrchttps://lib.baomitu.com/vue/2.6.12/vue.js/scriptscriptsrchttps://lib.baomitu.com/socket.io/3.0.1/socket.io.js/scriptscript// 生成对象letsocketio();letvmnewVue({el:#app,data:{msgList:[],},created(){// 监听socket.on(chatMsg,(msg){vm.msgList.push(msg)})},methods:{submit:async(){letmsgdocument.getElementById(name).value;document.getElementById(name).value;// 发送事件socket.emit(chatMsg,msg);},}})/script/body/htmlindex.jsconstexpressrequire(express);constappexpress();consthttprequire(http).Server(app);constiorequire(socket.io)(http);app.get(/,(req,res){res.sendFile(__dirname/index.html);})// 监听io.on(connection,(socket){console.log(a socket connection....);// 事件到达时socket.on(chatMsg,(msg){io.emit(chatMsg,msg);})// 链接断开时socket.on(disconnect,(){console.log(disconnect);})})http.listen(3000,(){console.log(http listen3000............);})以上就是短视频程序源码实现一个简单的websocket 更多内容欢迎关注之后的文章