概念不要混淆哦正好趁著去學(xué)習(xí)的時(shí)間，做了一個(gè)NodeJS與webSocket的小例子拿出來(lái)和各位共享一下webSocket 是 Html5 的一種新的協(xié)議它實(shí)現(xiàn)了瀏覽器與服務(wù)器的雙向通訊webSocket API 中，瀏覽器和服務(wù)器端只需要通過(guò)一個(gè)握手的動(dòng)作，便能形成瀏覽器與客戶(hù)端之間的快速雙向通道，使得數(shù)據(jù)可以。

像AjaxJQueryjQueryMobileBootstrapAngularJS等更是前端開(kāi)發(fā)必學(xué)的高級(jí)技術(shù)HTML5地理位置應(yīng)用離線應(yīng)用Webworker多線程實(shí)現(xiàn)Websocket跨平臺(tái)開(kāi)發(fā)技術(shù)和WebAPP開(kāi)發(fā)等，這些企業(yè)級(jí)應(yīng)用技術(shù)也是現(xiàn)在開(kāi)發(fā)的主流現(xiàn)在前端開(kāi)發(fā)最熱門(mén)要人最多，就是使用canvas開(kāi)發(fā)網(wǎng)頁(yè)游戲動(dòng)畫(huà)，以及會(huì)用 Cocos2djs。

在沒(méi)有 HTML5 之前都是用輪詢(xún)或者 Ajax 來(lái)實(shí)現(xiàn)消息推送的，WebSocket 本身占用的資源就比前兩者要少，要是連這種強(qiáng)度服務(wù)器都承受不了后端推送數(shù)據(jù)方式就有點(diǎn)類(lèi)似于 tcp 的方式，搭配框架實(shí)現(xiàn)起來(lái)還很方便的，如果你了解php，建議你后端使用 php workerman，當(dāng)然websocket其實(shí)只能實(shí)現(xiàn)在線推送，推送方面。

有Css3，JavaScript，jQuery，AngularJS，PHP，NodeJS這些學(xué)習(xí)企業(yè)前端技術(shù)崗位需求的HTML5技術(shù)，HTML5培訓(xùn)課程體系可以看下圖課程方向就明白需要學(xué)習(xí)什么現(xiàn)在，前端開(kāi)發(fā)工程師的職責(zé)，不是只有切圖制作網(wǎng)頁(yè)這么簡(jiǎn)單了，學(xué)習(xí)課程必須完全覆蓋行業(yè)內(nèi)崗位需求，才能輕松勝任WEB前端移動(dòng)端混合應(yīng)用開(kāi)發(fā)工作。

HTML5地理位置應(yīng)用離線應(yīng)用webworker多線程實(shí)現(xiàn)websocket跨平臺(tái)開(kāi)發(fā)技術(shù)和webAPP開(kāi)發(fā)等，這些企業(yè)級(jí)應(yīng)用技術(shù)也是現(xiàn)在開(kāi)發(fā)的主流現(xiàn)在前端開(kāi)發(fā)最熱門(mén)要人最多，就是使用canvas開(kāi)發(fā)網(wǎng)頁(yè)游戲動(dòng)畫(huà)，以及會(huì)用Cocos2djs制作游戲等開(kāi)發(fā)總結(jié)前端與HTML5的區(qū)別現(xiàn)在好多人都把HTML5和前端的概念弄混淆了。

1 前端頁(yè)面重構(gòu)主要內(nèi)容為PC端網(wǎng)站布局Photoshop 工具及切圖H5移動(dòng)端網(wǎng)頁(yè)布局HTML5+CSS3新特性與交互學(xué)習(xí)目標(biāo)是完成PC端網(wǎng)站布局，可實(shí)現(xiàn)響應(yīng)式布局，一套代碼適配 PC 端移動(dòng)端平板設(shè)備等2 前后端網(wǎng)頁(yè)交互主要內(nèi)容為JavaScript語(yǔ)法全面進(jìn)階ES6 到 ES10 新語(yǔ)法實(shí)踐jQuery 應(yīng)用。

在調(diào)試過(guò)程中，客戶(hù)端代碼可以通過(guò)HTML代碼和Hbuilder完成，使用consolelog輸出信息以實(shí)時(shí)顯示服務(wù)端代碼則在Hbuilder中編輯，推薦使用Xdebug作為調(diào)試工具，通過(guò)error_log函數(shù)輸出錯(cuò)誤日志注意，日志輸出路徑應(yīng)設(shè)置為DphpStudy。