js封裝乙個websocket

原文：

let socket =

''let setintervalwesocketpush =
null
/**/**開啟ws之後傳送心跳 */
const
onopenws=(
)=>
/**連線失敗重連 */
const
onerrorws=(
)=>
}/**ws資料接收統一處理 */
const
onmessagews=e
=>})
)}/**/**
/斷開重連 */

const
onclosews=(
)=>
}/傳送心跳

npm install @sven0706/websocket -s

// 在main.js或需要使用的地方引入並建立連線

import
from
'@sven0706/websocket'
createsocket
('wss:'
)// 傳送訊息
import
from
'@sven0706/websocket'
sendwspush
(data)
// 接收訊息
const
getsocketdata=e
=>
// 註冊監聽事件
window.
addeventlistener
('onmessagews'
, getsocketdata)
// 在需要的時候解除安裝監聽事件，比如離開頁面
window.
removeeventlistener
('onmessagews'
, getsocketdata)

僅三個api, 且一般只需要用到`createsocket`, `sendwspush`

/**/**
/**傳送心跳

封裝乙個js工具cookie封裝（js工具庫）

setcookie 設定cookie的函式 param key 設定的cookie的鍵 param value 設定的cookie的值 param seconds 設定cookie在多少秒之後失效 單位 秒 param path 設定cookie的路徑 預設是 根目錄 function setcoo...

封裝乙個小JS模組

在字典中,我們利用 鍵,值 的形式來儲存資料,字典和集合很相似,集合以 值,值 的形式儲存元素,字典以 鍵,值 的形式來儲存元素,也成對映 window.onload function function dictionary this.has function key this.set functi...

自己封裝的乙個JS分享元件

因為工作的需求之前也封裝過乙個js分享外掛程式，整合了我們公司常用的幾個分享平台。但是總感覺之前的結構上很不理想，樣式，行為揉成一起，心裡想的做的完美，實際上總是很多的偏差，所以這次我對其進行了改版。這次的核心就是 js只負責事件 結構，也就是把功能實現出來，具體的外觀樣式，則使用者自己進行定義。以...