Nodejs实现websocket 数据实时更新适用h5（模拟数据，不需要数据库）_websocket数据不存库

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。

Vue部分截图

开源分享：docs.qq.com/doc/DSmRnRG…

　　服务器的实现很简单，先装一个nodeJs的模块，叫nodejs-websocket ，直接在nodeJs命令行中敲入：npm install nodejs-websocket回车就可以安装好了，然后就可以开始建立服务器了，因为有了nodejs-websocket模块，所以很多工作都不用我们自己做，直接调用别人封装好的方法就行了：

　　【服务端代码】，根据客户端传来的消息

var ws = require("nodejs-websocket");
console.log("开始建立连接...")

var server = ws.createServer(function(conn){
    conn.on("text", function (data) {
        console.log("收到的信息为:"+ data)
        // let str = ''
        setTimeout(()=>{  
            let str = '{"001","0101",[{"name": "jwbffbw", "age": '+ 2 + ', "height": 160}]}';
                conn.sendText(str)
        }, 1000)
        setTimeout(()=>{  
            let str = '{"001","0101",[{"name": "nf", "age": '+ 4 + ', "height": 160}]}';
                conn.sendText(str)
        }, 2000)
        setTimeout(()=>{  
            let str = '{"001","0101",[]}';
                conn.sendText(str)
        }, 3000)
        setTimeout(()=>{  
            let str = '{"001","0101",[{"name": "sss", "age": '+ 7 + ', "height": 160}]}';
                conn.sendText(str)
        }, 4000)
        setTimeout(()=>{  
            let str = '{"001","0101",[{"name": "ttg", "age": '+ 8 + ', "height": 160}]}';
                conn.sendText(str)
        }, 5000)
        setTimeout(()=>{  
            let str = '{"001","0101",[{"name": "ck", "age": '+ 9 + ', "height": 160}]}';
                conn.sendText(str)
        }, 6000)
        setTimeout(()=>{  
            let str = '{"001","0101",[{"name": "ack", "age": '+ 20 + ', "height": 160}]}';
                conn.sendText(str)
        }, 7000)
        setTimeout(()=>{  
            let str = '{"001","0101",[{"name": "jack", "age": '+ 30 + ', "height": 160}]}';
                conn.sendText(str)
        }, 9000)

 
    })
    conn.on("close", function (code, reason) {
        console.log("关闭连接")
    });
    conn.on("error", function (code, reason) {
        console.log("异常关闭")
    });
}).listen(3300)
console.log("WebSocket建立完毕")