您現在的位置是:電腦技術吧?>? 編程技術 ??>??一帶一路的認識,談談你如何認識一帶路戰略??>??正文詳情

一帶一路的認識,談談你如何認識一帶路戰略

兆蕙蕓2019-11-26 12:11:23 人圍觀
簡介剛認識了解HTML5的websocket。在HTML5規范中,我最喜歡的web技術是websocket API,它正在迅速流行起來。Websocket提供了一種流行的認識

認識 HTML5 的 WebSocket在 HTML5 規范中,我最喜歡的Web技術就是正迅速變得流行的 WebSocket API。

WebSocket 提供了一個受歡迎的技術,以替代我們過去幾年一直在用的Ajax技術。

這個新的API提供了一個方法,從客戶端使用簡單的語法有效地推動消息到服務器。

讓我們看一看 HTML5 的 WebSocket API:它可用于客戶端、服務器端。

而且有一個優秀的第三方API,名為Socket.IO。

一、HTML5 中的 WebSocket API 是個什么東東?

WebSocket API是下一代客戶端-服務器的異步通信方法。

該通信取代了單個的TCP套接字,使用ws或wss協議,可用于任意的客戶端和服務器程序。

WebSocket目前由W3C進行標準化。

WebSocket已經受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等瀏覽器的支持。

WebSocket API最偉大之處在于服務器和客戶端可以在給定的時間范圍內的任意時刻,相互推送信息。

WebSocket并不限于以Ajax(或XHR)方式通信,因為Ajax技術需要客戶端發起請求,而WebSocket服務器和客戶端可以彼此相互推送信息;XHR受到域的限制,而WebSocket允許跨域通信。

Ajax技術很聰明的一點是沒有設計要使用的方式。

WebSocket為指定目標創建,用于雙向推送消息。

二、HTML5 中的 WebSocket API 的用法只專注于客戶端的API,因為每個服務器端語言有自己的API。

下面的代碼片段是打開一個連接,為連接創建事件監聽器,斷開連接,消息時間,發送消息返回到服務器,關閉連接。

代碼如下:// 創建一個Socket實例var socket = new WebSocket('ws://localhost:8080');// 打開Socket socket.onopen = function(event){// 發送一個初始化消息socket.send('I am the client and I'm listening!');// 監聽消息socket.onmessage = function(event){console.log('Client received a message',event);};// 監聽Socket的關閉socket.onclose = function(event){console.log('Client notified socket has closed',event);};// 關閉Socket.... //socket.close()};讓我們來看看上面的初始化片段。

參數為URL,ws表示WebSocket協議。

onopen、onclose和onmessage方法把事件連接到Socket實例上。

每個方法都提供了一個事件,以表示Socket的狀態。

onmessage事件提供了一個data屬性,它可以包含消息的Body部分。

消息的Body部分必須是一個字符串,可以進行序列化/反序列化操作,以便傳遞更多的數據。

WebSocket的語法非常簡單,使用WebSockets是難以置信的容易除非客戶端不支持WebSocket。

IE瀏覽器目前不支持WebSocket通信。

如果你的客戶端不支持WebSocket通信,下面有幾個后備方案供你使用:Flash技術 Flash可以提供一個簡單的替換。

使用Flash最明顯的缺點是并非所有客戶端都安裝了Flash,而且某些客戶端,如iPhone/iPad,不支持Flash。

AJAX Long-Polling技術 用AJAX的long-polling來模擬WebSocket在業界已經有一段時間了。

它是一個可行的技術,但它不能優化發送的信息。

也就是說,它是一個解決方案,但不是最佳的技術方案。

由于目前的IE等瀏覽器不支持WebSocket,要提供WebSocket的事件處理、返回傳輸、在服務器端使用一個統一的API,那么該怎么辦呢?

幸運的是,Guillermo Rauch創建了一個Socket.IO技術。

三、帶Socket.IO的WebSocketSocket.IO是Guillermo Rauch創建的WebSocket API,Guillermo Rauch是LearnBoost公司的首席技術官以及LearnBoost實驗室的首席科學家。

Socket.IO使用檢測功能來判斷是否建立WebSocket連接,或者是AJAX long-polling連接,或Flash等。

可快速創建實時的應用程序。

Socket.IO還提供了一個NodeJS API,它看起來非常像客戶端API。

建立客戶端Socket.IOSocket.IO可以從GitHub下載,可以把socket.io.js文件包含到頁面中:代碼如下:script src=http://cdn.socket.io/stable/socket.io.js/script此時,Socket.IO在此頁面上是有效的,是時候創建Socket了:代碼如下:// 創建Socket.IO實例,建立連接var socket= new io.Socket('localhost',{port: 8080});socket.connect();// 添加一個連接監聽器socket.on('connect',function(){console.log('Client has connected to the server!');});// 添加一個連接監聽器socket.on('message',function(data){console.log('Received a message from the server!',data);});// 添加一個關閉連接的監聽器socket.on('disconnect',function(){console.log('The client has disconnected!');});// 通過Socket發送一條消息到服務器function sendMessageToServer(message){socket.send(message);}Socket.IO簡化了WebSocket API,統一了返回運輸的API。

傳輸包括:WebSocketFlash SocketAJAX long-pollingAJAX multipart streamingIFrameJSONP polling你還可以設置任意的Socket.IO構造器的第二個選項,選項包括:port - 待連接的端口transports - 一個數組,包含不同的傳輸類型transportOptions - 傳輸的參數使用的對象,帶附加屬性Socket.IO還提供了由本地WebSocket API提供的普通連接、斷開連接、消息事件。

Socket還提供了封裝每個事件類型的方法。

四、NodeJS和Socket.IO聯合開發Socket.IO提供的服務器端解決方案,允許統一的客戶端和服務器端的API。

使用Node,你可以創建一個典型的HTTP服務器,然后把服務器的實例傳遞到Socket.IO。

從這里,你創建連接、斷開連接、建立消息監聽器,跟在客戶端一樣。

一個簡單的服務器端腳本看起來如下:代碼如下:// 需要HTTP 模塊來啟動服務器和Socket.IOvar http= require('http'), io= require('socket.io');// 在8080端口啟動服務器var server= http.createServer(function(req, res){// 發送HTML的headers和messageres.writeHead(200,{'Content-Type': 'text/html' });res.end('h1Hello Socket Lover!/h1');});server.listen(8080);// 創建一個Socket.IO實例,把它傳遞給服務器var socket= io.listen(server);// 添加一個連接監聽器socket.on('connection', function(client){// 成功!現在開始監聽接收到的消息client.on('message',function(event){console.log('Received message from client!',event);});client.on('disconnect',function(){clearInterval(interval);console.log('Server has disconnected');});});你可以運行服務器部分,假定已安裝了NodeJS,從命令行執行:node socket-server.js現在客戶端和服務器都能來回推送消息了!在NodeJS腳本內,可以使用簡單的JavaScript創建一個定期消息發送器:代碼如下:// 創建一個定期(每5秒)發送消息到客戶端的發送器var interval= setInterval(function(){client.send('This is a message from the server! ' new Date().getTime());},5000);服務器端將會每5秒推送消息到客戶端五、dojox.Socket和Socket.IOPersevere的創建者Kris Zyp創建了dojox.Socket。

dojox.Socket以Dojo庫一致的方式封裝了WebSocket API,用于在客戶端不支持WebSocket時,使用long-polling替代。

下面是怎樣在客戶端使用dojox.Socket和在服務器端使用Socket.IO的例子:代碼如下:var args, ws= typeof WebSocket!= 'undefined';var socket= dojox.socket(args= {url: ws? '/socket.io/websocket' : '/socket.io/xhr-polling', headers:{'Content-Type':'application/x-www-urlencoded' }, transport: function(args, message){args.content = message;// use URL-encoding to send the message instead of a raw body dojo.xhrPost(args);};});var sessionId;socket.on('message', function(){if (!sessionId){sessionId= message;args.url = '/' sessionId;}else if(message.substr(0, 3)== '~h~'){// a heartbeat } });dojox.socket.Reconnect還創建了在套接字失去連接時自動重連。

期待包含dojox.Socket的Dojo 1.6版本早日發布。

六、實際應用和WebSocket資源有很多WebSocke的實際應用。

WebSocket對于大多數客戶機-服務器的異步通信是理想的,在瀏覽器內聊天是最突出的應用。

WebSocket由于其高效率,被大多數公司所使用。

版權聲明:本文由 兆蕙蕓 整理編輯。

原標題:理解的一帶一,如何認識

轉載注明出處:http://www.dn9ww09s.icu/program/14447.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 乖巧 表情包,乖巧三連表情包

    乖巧 表情包,乖巧三連表情包 相關圖片哼表情包你厭倦了看你每天使用的表情包嗎?超人小編是一個沒有表情包的小高手,聊天的時候感覺很空虛,今天我將分享一組可愛的表情包高清圖片下載和跪下智能表情包嘻嘻表情包...

  • 晶瑩剔透還是晶瑩剔透,晶瑩剔透的露珠

    晶瑩剔透還是晶瑩剔透,晶瑩剔透的露珠 相關圖片晶瑩剔透的水珠像什么在最終效果的第一步中,隨意創建一個新畫布,用﹐000066填充背景色,用鋼筆繪制基本形狀,羽毛邊框(半徑1),填充放射性梯度,并在濾光片外添加燈光。效果...

  • 借條app,360借條app

    借條app,360借條app 相關圖片三六零借條360借記券是360公司即將推出的一款金融借貸產品。是一個利息合理、操作快捷安全的正規借貸平臺。那么如何開通360貸款呢?如果你想開通360貸款,請來看看超人編類似360借...

  • 在dreamweavercs6中,dreamweavercs6安裝

    在dreamweavercs6中,dreamweavercs6安裝 相關圖片dreamweaver一。指定方法1的代碼。代碼指定方法是指直接在頁面的HTML代碼中設置背景音樂。在現實中,通常使用標簽來實現標簽的語法格式如下:SRC:背景音樂文件地址;loopcs6...

  • 摩拜單車,摩拜單車怎么用

    摩拜單車,摩拜單車怎么用 相關圖片摩拜單車月卡近日,摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比摩比...

  • 進程ID,進程ID是什么

    進程ID,進程ID是什么 相關圖片獲得進程ID的用戶名本文主要介紹了在shell腳本中獲取進程ID的方法。我想知道運行腳本中的子shell的進程ID。如何在shell腳本中獲取PID?讀這篇文章找出你想要的答案。如linux看進程id...

  • 樂視2內存不足怎么辦,樂視X60內存不足怎么辦

    樂視2內存不足怎么辦,樂視X60內存不足怎么辦 相關圖片樂視手機運行內存不足當我們安裝軟件時,常常會想起內存不足。手機內存不足時,微信聊天甚至看不到表情包。如何解決樂視手機內存不足的問題?今日超人編輯帶來樂視手機用戶內...

  • 美拍m計劃收費是多少,美拍m計劃簽約

    美拍m計劃收費是多少,美拍m計劃簽約 相關圖片美拍上發廣告視頻在昨天舉行的三歲生日派對上,美派官員推出了美派m計劃。那美派的計劃是什么?美派m計劃如何加入?我不需要說太多。接下來,跟隨超人軟件了解美派iPhone m版計劃...

  • 上億的人,身價上億的都是什么人

    上億的人,身價上億的都是什么人 相關圖片中國目前身家上億的有多少人每年的大促銷季,場地、頁面和互動游戲都在緊張的設計中。這些漂亮的頁面和互動游戲如何與用戶連接?必須有與用戶的鏈接。這是橫幅。有些人可能認...

  • 我的童年照片,我的童年照說說

    我的童年照片,我的童年照說說 相關圖片童年照APP今天是一年一度的六一兒童節。每個人都會情不自禁地生活在朋友圈里,帶上一把溫柔的朋友,對吧?所以每天,P-map都會為我推出一個童年的照片玩法。那么如何每天玩我的怎...

熱評文章

  • 滬江開心詞場如何破解,滬江開心詞場怎么賺滬元

    滬江開心詞場如何破解,滬江開心詞場怎么賺滬元 相關圖片滬江開心詞場不要拼寫題最近,湖江快樂詞壇有很多用戶不知道如何登錄。所以今天,超人軟件編輯想在湖江快樂詞壇的課程中介紹一下iPhone的招牌,希望對大家有所幫助!湖江快樂詞...

  • 怎么做ppt母版詳細步驟,ppt怎么生成母版

    怎么做ppt母版詳細步驟,ppt怎么生成母版 相關圖片如何運用幻燈片母版Ppt一直是辦公軟件中一種流行的辦公軟件。當然,PPT的使用率極高。了解一些PPT使用技巧可以幫助我們提高工作效率。所以今天,超人編輯將介紹如何讓ppt掌握PP如何...

  • html cookie,html使用cookie

    html cookie,html使用cookie 相關圖片js使用cookie背景讓我們先來看看各種本地存儲的變化:cookies:瀏覽器支持,容量為4kbuserdata:only supported by ie,容量為64kbflasjs怎么使用cookie...

  • 拼多多怎么看買家信息,拼多多買家賬號哪里看

    拼多多怎么看買家信息,拼多多買家賬號哪里看 相關圖片拼多多怎么看賣家是哪里的當我們在網上購買商品時,查看評論是非常重要的。我們可以通過評論來判斷商店的東西是否與描述相符,生意是否誠實等等。平多多怎么看不到買家的評價...

  • html虛線分割線,dw怎么做圖文混排

    html虛線分割線,dw怎么做圖文混排 相關圖片dreamweaver怎么用打開你網站的主頁,我是index.html,在這里找到菜單欄上的修改,點擊如下圖所示,然后點擊頁面屬性,用鼠標點擊頁面屬性中的外觀-----瀏覽并打開頁面,找到dreamweaver可...

  • 可以導入本地書籍的讀書軟件,微信讀書可以導入本地書籍嗎

    可以導入本地書籍的讀書軟件,微信讀書可以導入本地書籍嗎 相關圖片書源導入起點閱讀應用不僅可以讓用戶閱讀起點以上的海量優質文章,還可以讓用戶將本地圖書導入起點閱讀進行閱讀。那么,如何從起點閱讀引進本土圖書呢?今天,超人編輯將為您...

  • Win10安全模式,win安全模式

    Win10安全模式,win安全模式 相關圖片win安全模式怎么進安全模式是Windows操作系統中的一種特殊模式。其工作原理是在不加載第三方設備驅動程序的情況下啟動計算機,使計算機以系統的最小模式運行,使用戶能夠方便地檢...

  • 簡寫,7月簡寫

    簡寫,7月簡寫 相關圖片6月英語簡寫CSS速記是指將多行CSS屬性速記成一行,也稱為CSS代碼優化或CSS縮寫。CSS速記的最大優點是它可以顯著減小CSS文件的大小,優化網站的整體性能,并使其更易左右英文簡寫...

  • 怎么釋放電腦內存空間,如何清理電腦內存

    怎么釋放電腦內存空間,如何清理電腦內存 相關圖片如何深度清理電腦內存與手機一樣,電腦將使用越來越多的內存,運行速度也會越來越慢。今天,超人編輯介紹如何更好更快地清理電腦垃圾,增加電腦內存空間。讓我們來看看超人小...

  • 透明網頁,網頁能不能是透明的

    透明網頁,網頁能不能是透明的 相關圖片透明大頁面當我們在網頁中插入flash時,有時我們需要將其設置為透明,有時我們需要在flash的背面插入一些漂亮的圖片,并將它們與漂亮的效果相匹配。讓我們介紹一些將fla空間透明背...

關注微信

变脸官网查询