前端頁面與Nodejs使用websocket通訊

不要用瀏覽去直接去訪問websocket的位址！！！

不要用瀏覽去直接去訪問websocket的位址！！！

不要用瀏覽去直接去訪問websocket的位址！！！

太傻了。。。

就是頁面和服務端有個隱藏的通訊而已。

前端1、例項化乙個ws物件

var wsuri ="ws:";

websocket = new websocket(wsuri);

//

成功連線後
websocket.onopen = function
(evt) {};
//連線失敗
websocket.onerror = function
(evt) ;
//收到資訊後
websocket.onmessage = function
(evt) ;
//後端關閉ws的時候
websocket.onclose = function(evt) ;

minicap例程裡面是用的ws模組

注意，ws的所有操作，都要在connection的**裡面執行

乙個例子

後端每隔1.5s給前端發count++；

前端收到後列印出來並返給後端收到了什麼

收到了

伺服器**

ws_base.js

只需要啟動ws就可以了，不需要繫結伺服器

//

獲取websocket模組
const websocket = require('ws').server;
const wsserver = new websocket();
//與wsserver相關的操作，都必須在connection函式裡面操作
//連線成功後會返回乙個ws
wsserver.on('connection',(ws)=>);
setinterval(()=>,1500)
});

ws_front.html

<

html
>
<
head
>
<
title
>ws demo
title
>
<
script 
src=""
>
script
>
head
>
<
body
>
<
div>
<
h1 id
="show"
>
h1>
div>
<
script
>
const ws 
=new
websocket(
'ws://localhost:8081');
ws.onopen =()
=>
ws.onmessage 
=(message)
=>
script
>
body
>
html
>

前端頁面重新整理與跳轉

a標籤裡面的重新整理方式 1 返回前兩頁 5 過載頁面，本地重新整理 7 停止跳轉 停止跳 ie瀏覽器用document.execcommand stop chrome和firefox用window.stop 區域性重新整理 table table 是需要重新整理的框架id refresh box ...

使用nodejs自動生成前端專案元件

寫這個小指令碼的初衷是，專案本身新增乙個元件太繁瑣了，比如我想要去建立乙個login的元件，那麼我需要手動去ide中，建立index.js 元件出口檔案 login.js 業務檔案 login.html，login.less這四個檔案。因為每個元件都有一些輸出的 還要把之前元件的那幾行拷貝過來，這種...

使用typescript與nodejs開發應用

在ts出來後受到的關注越來越大，尤其是配合vscode編輯器的時候，語法提示可以提高我們的工作效率。我們想要使用ts開發nodejs應用就需要把ts檔案編譯成為js檔案，這樣才可以在nodejs中執行起來，這篇文章介紹如何在nodejs使用ts進行開發。首先我們需要安裝ts node與typescr...