Ⅰ 什麼是Websocket
認識HTML5的WebSocket
在HTML5規范中，我最喜歡的Web技術就是正迅速變得流行的WebSocket API。WebSocket提供了一個受歡迎的技術，以替代我們過去幾年一直在用的Ajax技術。這個新的API提供了一個方法，從客戶端使用簡單的語法有效地推動消息到伺服器。讓我們看一看HTML5的WebSocket API：它可用於客戶端、伺服器端。而且有一個優秀的第三方API，名為Socket.IO。
一、什麼是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為指定目標創建，用於雙向推送消息。
二、WebSocket API的用法
只專注於客戶端的API，因為每個伺服器端語言有自己的API。下面的代碼片段是打開一個連接，為連接創建事件監聽器，斷開連接，消息時間，發送消息返回到伺服器，關閉連接。
[Copy to clipboard] [ - ]
CODE:
// 創建一個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的WebSocket
Socket.IO是Guillermo Rauch創建的WebSocket API，Guillermo Rauch是LearnBoost公司的首席技術官以及LearnBoost實驗室的首席科學家。Socket.IO使用檢測功能來判斷是否建立WebSocket連接，或者是AJAX long-polling連接，或Flash等。可快速創建實時的應用程序。Socket.IO還提供了一個Nodejs API，它看起來非常像客戶端API。
建立客戶端Socket.IO
Socket.IO可以從GitHub下載，可以把socket.io.js文件包含到頁面中：
[Copy to clipboard] [ - ]
CODE:
<script src="http://cdn.socket.io/stable/socket.io.js"></script>
[/code
此時，Socket.IO在此頁面上是有效的，是時候創建Socket了：
[code]
// 創建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。傳輸包括：
WebSocket
Flash Socket
AJAX long-polling
AJAX multipart streaming
IFrame
JSONP polling
你還可以設置任意的Socket.IO構造器的第二個選項，選項包括：
port - 待連接的埠
transports - 一個數組，包含不同的傳輸類型
transportOptions - 傳輸的參數使用的對象，帶附加屬性
Socket.IO還提供了由本地WebSocket API提供的普通連接、斷開連接、消息事件。Socket還提供了封裝每個事件類型的方法。
四、NodeJS和Socket.IO聯合開發
Socket.IO提供的伺服器端解決方案，允許統一的客戶端和伺服器端的API。使用Node，你可以創建一個典型的HTTP伺服器，然後把伺服器的實例傳遞到Socket.IO。從這里，你創建連接、斷開連接、建立消息監聽器，跟在客戶端一樣。
一個簡單的伺服器端腳本看起來如下：
[Copy to clipboard] [ - ]
CODE:
// 需要HTTP 模塊來啟動伺服器和Socket.IO
var http= require('http'), io= require('socket.io');
// 在8080埠啟動伺服器
var server= http.createServer(function(req, res){
// 發送HTML的headers和message
res.writeHead(200,{ 'Content-Type': 'text/html' });
res.end('<h1>Hello 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，從命令行執行：
[Copy to clipboard] [ - ]
CODE:
node socket-server.js
現在客戶端和伺服器都能來回推送消息了！在NodeJS腳本內，可以使用簡單的javaScript創建一個定期消息發送器：
[Copy to clipboard] [ - ]
CODE:
// 創建一個定期（每5秒）發送消息到客戶端的發送器
var interval= setInterval(function() {
client.send('This is a message from the server! ' + new Date().getTime());
},5000);
伺服器端將會每5秒推送消息到客戶端！
五、dojox.Socket和Socket.IO
Persevere的創建者Kris Zyp創建了dojox.Socket。dojox.Socket以Dojo庫一致的方式封裝了WebSocket API，用於在客戶端不支持WebSocket時，使用long-polling替代。
下面是怎樣在客戶端使用dojox.Socket和在伺服器端使用Socket.IO的例子：
[Copy to clipboard] [ - ]
CODE:
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由於其高效率，被大多數公司所使用。
WebSocket資源
Socket.IO站點：http://socket.io/
WebSocket的Wikipedia：http://en.wikipedia.org/wiki/WebSockets
WebSockets.org站點：http://www.websockets.org/
Dojo WebSocket站點：http://www.sitepen.com/blog/2010/10/31/dojo-websocket/
Ⅱ 怎麼使用Dojo
都是一些JavaScript框架，具體信息可以查詢網路
dojo http://ke..com/view/1054672.htm
extjs http://ke..com/view/1350145.htm
jQuery也是一個類似版的很不錯的東東。權
Ⅲ Java開源框架是什麼
其實框架很簡單的，你可以認為它是一個工具，甚至一個插件。
框架的作用，就是將一個公用的，常用的技術，封裝起來，
幫你處理一些基礎的東西，可以讓你不用再去寫那些繁瑣的東西。
就拿你要學的struts來說：他本質上也是用java寫的，和我們自己寫的類沒有區別，他實現的東西我們自己也可以實現。
比如接收客戶端的數據，我們是用request.getParameter（）來的，但是如果有很多個參數，我們要寫很多個，很麻煩。struts它就幫我們實現，不用我們寫，直接寫個屬性，就可以得到。其實本質還是用request.getParameter（）。。
所以你不要再在意框架是什麼東西，等你接觸了就知道了。你把它當做一個工具來用，這就是框架。
前台框架：jQuery
Mvc框架：Struts、spring Mvc
核心框架：Spring
orm框架：Hibernate、Spring JDBC、myBatis。
Ⅳ jquery是什麼啊
下面我們介紹一些比較常見的Javascript框架，高手跳過，才學JS和辯行ajax的朋友則應該好好了解一下。
jQuery
jquery是一個快速、簡潔的JavaScript框架，幫助你簡化查詢DOM對象，處理事件，製作動畫，和處理Ajax交互過程。利用jQuery將改變你編寫JavaScript代碼的方式。原先用20行代碼完成的功能，jQuery用10行就可以輕松搞定。
Dojo
Dojo 是一個強大的面向對象JavaScript框架。主要由三大模塊組成：Core、Dijit、DojoX。Core提供 Ajax，events，packaging，CSS-based querying，animations，JSON等相關操作API。Dijit是一個可更換皮膚，基於模板的WEB UI控制項庫。DojoX包括一些創新/新穎的代碼和控制項：DateGrid，charts，離線應用，跨瀏覽器矢量繪圖等。
YUI(Yahoo! User Interface Library)
Yahoo! User Interface (YUI) Library是一組採用DOM scripting，Dhtml和Ajax等技術開發的Web UI控制項和工具。中文說過來就是「Yahoo用戶界面庫」。
•Yui 工具包利用DOM腳本來簡化瀏覽器內的開發（in-browser devolvement），使用DHTML和AJAX的特性開發所有的Web程序。
•YUI控制項庫為你頁面提供大做一組高交互性性的可視化元素。這些攜仿嘩元素完全在客戶端創建維護，不需要請求伺服器進行頁面刷新。
Mootools
MooTools 是一個簡潔，模塊化，面向對象的JavaScript框架。它能夠幫助你更快，更簡單地編寫可擴展和兼容性強的JavaScript代碼。 Mootools從Prototype.js中汲取了許多有益的設計理念，語法也和其極其類似。但它提供的功能要比Prototype.js多，整體設計也比Prototype.js要相對完善，功能更強大，比如增加了動畫特效、拖放操作等等。
prototype
prototype是一個易於使用、面向對象的JavaScript框架。它封裝並簡化和擴展一些在Web開發過程中常用到JavaScript方法與Ajax交互處理過程。
script.aculo.us
script.aculo.us 是一個易於使用，支持多種瀏覽器，用於增強Prototype的JavaScript框架。script.aculo.us包含：動畫框架（animation framework），拖放（drag and drop）， Ajax控制項，DOM工具，單元測試等。
ExtJS
ExtJS是一個跨瀏覽器，用於開發RIA（Rich iInternet Application）應用的JavaScript框架。提供：高性，可定製的Web UI控制項庫。良好的設計、豐富的文檔和可擴展的組件模型。
Ⅳ javascript什麼框架比好用
1. jQuery – Javascript框架
應用最廣泛的框架，jQuery插件非常之多，涉及LightBox燈箱插件、日期插件、圖表插件等各種類型的插件不計其數，OsChina就收錄了1000多款jQuery插件。
2. Dojo Javascript框架
Dojo是一個強大的面向對象JavaScript框架。主要由三大模塊組成：Core、Dijit、DojoX。Core提供 Ajax,events,packaging,CSS-based querying,animations,JSON等相關操作API。Dijit是一個可更換皮膚，基於模板的WEB UI控制項庫。DojoX包括一些創新/新穎的代碼和控制項：DateGrid，charts，離線應用，跨瀏覽器矢量繪圖等。
3. Sencha Ext JS4 Javascript框架
Sencha 是由 ExtJS、jQTouch 以及 Raphael 三個項目合並而成的一個新項目。是繪畫、圖表引擎，使用DOM-accessible JavaScript圖表和矢量圖。
4. Prototype javascript框架
Prototype.js 是一個由Sam Stephenson寫的JavaScript包。這個構思奇妙編寫良好的一段兼容標準的一段代碼將承擔創造胖客戶端， 高交互性WEB應用程序的重擔。輕松加入Web 2.0特性。
5. Uize Javascript框架
UIZE免費使用、支持移動設備、可CSS更換皮膚。Java (Apache TomCat), C# (IIS / ASP.NET), Visual Basic (IIS / ASP), C/C++, Perl (Perl / Apache), PHP, Ruby (Ruby on Rails), Python, 等等，無論伺服器端何種語言，均可使用。具有大量的內置小工具，類似jQuery插件。
6. Qooxdoo Javascript 框架
qooxdoo 是一個用於開發Ajax應用程序的GUI框架，使用它可以開發出類似於Window桌面風格的Web應用程序。使用Qooxdoo並不需要你具備HTML, CSS 和 DOM 的知識。
7. Zepo Javascript 框架
Zepto.js 是支持移動WebKit瀏覽器的JavaScript框架，具有與jQuery兼容的語法。2-5k的庫，通過不錯的API處理絕大多數的基本工作。
8. DHTMLX Touch Javascript 框架
它是針對移動和觸摸設備的JavaScript 框架。DHTMLX Touch基於HTML5，創建移動web應用。它不只是一組UI 小工具，而是一個完整的框架，可以針對移動和觸摸設備創建跨平台的web應用。它兼容主流的web瀏覽器，用DHTMLX Touch創建的應用，可以在iPad、iPhone、Android智能手機等上面運行流暢。
9. YUI library Javascript 框架
Yahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數庫，為了能建立一個高互動的網頁，它採用了AJAX, DHTML 和 DOM 等程式碼技術。它也包含了許多 CSS 資源。使用授權為 BSD許可證。
10. Archetype Javascript 框架
Archetype 是一個面向對象的 JavaScript 框架和 Ajax 框架。Archetype JavaScript 框架與Prototype有很多共同點。它有一個獨立的管理系統，能夠只初始化頁面需要的組件。而且Archetype強調代碼易讀性，和HTML/CSS/JavaScript分離的最優方法。
11. Rico Javascript 框架
Rico是一個開源的，基於現有的 Prototype、jQuery、MooTools、Dojo 等的 Ajax 框架，Rico 在這些 Ajax 框架的基礎上實現了常用的網頁應用效果，例如拖放等等功能。Rico 目前版本為2.0。
12. Script.aculo Javascript 框架
Script.aculo.us是一個支持多種瀏覽器、易於使用，用於增強Prototype的JavaScript框架。 script.aculo.us包含：動畫框架（animation framework），拖放（drag and drop）等等。
13. Javascript MVC 框架
JavaScriptMVC 是一個 JavaScript 的 MVC 框架，通過它可以簡化項目的開發，支持流行的各種瀏覽器。
14. Spry Javascript 框架
Spry framework for Ajax是Adobe公司針對目前越來越流行的Ajax技術而推出自己的Ajax框架。我粗看了一下Spry所做Demo實例，發現其秉承MM原來「方 便，簡潔，易上手」的一貫風格，它在「數據」處理方面和Backbase的效果庫做比較好！
15. MooTools Javascript 框架
MooTools是一個簡潔，模塊化，面向對象的JavaScript框架。它能夠幫助你更快，更簡單地編寫可擴展和兼容性強的JavaScript代 碼。 Mootools從Prototype.js中汲取了許多有益的設計理念，語法也和其極其類似。但它提供的功能要比Prototype.js多，整體設計 也比Prototype.js要相對完善，功能更強大，比如增加了動畫特效、拖放操作等。
16. Sproutcore Javascript 框架
SproutCore是HTML5應用框架，可創建桌面級web應用，支持主流瀏覽器，無需依賴插件。
Ⅵ js除了有JQuery框架以外，還有哪些強大點的框架，或者比較實用的也可以。。誰能給我介紹一下
Zepto.js描述：Zepto是一個輕量級的針對現代高級瀏覽器的JavaScript庫，它與jquery有著類似的api。 如果你會用jquery，那麼你也會用zepto。關於Zepto認知我也是通過與一位騰訊朋友聊天的時候知道的，只作了些基礎的了解。
2.SUI Mobile
描述：SUI Mobile 是一套基於Framework7開發的UI庫。它非常輕量、精美，只需要引入我們的CDN文件就可以使用，並且能兼容到 iOS 6.0+ 和 Android 4.0+，非常適合開發跨平台Web App。
用途：你也看到了，他是用於無線端的Web App的開發。
3.Node.Js
描述：Node.js是一個Javascript運行環境(runtime)。實際上它是對Google V8引擎進行了封裝。V8引 擎執行Javascript的速度非常快，性能非常好。Node.js對一些特殊用例進行了優化，提供了替代的API，使得V8在非瀏覽器環境下運行得更好。
Node.js是一個基於Chrome JavaScript運行時建立的平台， 用於方便地搭建響應速度快、易於擴展的網路應用。Node.js 使用事件驅動， 非阻塞I/O模型而得以輕量和高效，非常適合在分布式設備上運行數據密集型的實時應用。
簡單的說 Node.js 就是運行在服務端的 JavaScript。
Node.js 是一個基於Chrome JavaScript 運行時建立的一個平台。
Node.js是一個事件驅動I/O服務端JavaScript環境，基於Google的V8引擎，V8引擎執行Javascript的速度非常快，性能非常好。
用途：
1. RESTful API
這是NodeJS最理想的應用場景，可以處理數萬條連接，本身沒有太多的邏輯，只需要請求API，組織數據進行返回即可。它本質上只是從某個資料庫中查找一些值並將它們組成一個響應。由於響應是少量文本，入站請求也是少量的文本，因此流量不高，一台機器甚至也可以處理最繁忙的公司的API需求。
2. 統一Web應用的UI層
目前MVC的架構，在某種意義上來說，Web開發有兩個UI層，一個是在瀏覽器裡面我們最終看到的，另一個在server端，負責生成和拼接頁面。
不討論這種架構是好是壞，但是有另外一種實踐，面向服務的架構，更好的做前後端的依賴分離。如果所有的關鍵業務邏輯都封裝成REST調用，就意味著在上層只需要考慮如何用這些REST介面構建具體的應用。那些後端程序員們根本不操心具體數據是如何從一個頁面傳遞到另一個頁面的，他們也不用管用戶數據更新是通過Ajax非同步獲取的還是通過刷新頁面。
3. 大量Ajax請求的應用
例如個性化應用，每個用戶看到的頁面都不一樣，緩存失效，需要在頁面載入的時候發起Ajax請求，NodeJS能響應大量的並發請求。總而言之，NodeJS適合運用在高並發、I/O密集、少量業務邏輯的場景。
4.angular.Js
描述：AngularJS[1]誕生於2009年，由Misko Hevery 等人創建，後為Google所收購。是一款優秀的前端JS框架，已經被用於Google的多款產品當中。AngularJS有著諸多特性，最為核心的是：MVVM、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。
用途：通過描述我們應該就能很好的明白AngularJS的真實用途了，MVVM，模塊化，自動化雙向數據綁定等等。除了簡單的dom操作外，更能體現Js編程的強大。當然應用應該視場合而定。
5.JQuery Mobile
描述：Query Mobile是jQuery在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平台。jQuery Mobile開發團隊說：能開發這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發人員開發出真正的移動Web網站。
用途：jQuery Mobile 是創建移動 web 應用程序的框架。
jQuery Mobile 適用於所有流行的智能手機和平板電腦。
jQuery Mobile 使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進行布局。
6.requirejs
描述：RequireJS的目標是鼓勵代碼的模塊化，它使用了不同於傳統<script>標簽的腳本載入步驟。可以用它來加速、優化代碼，但其主要目的還是為了代碼的模塊化。它鼓勵在使用腳本時以mole ID替代URL地址。
RequireJS以一個相對於baseUrl的地址來載入所有的代碼。 頁面頂層<script>標簽含有一個特殊的屬性data-main，require.js使用它來啟動腳本載入過程，而baseUrl一般設置到與該屬性相一致的目錄。
用途：模塊化動態載入。
7.Vue.js
描述：Vue.js 是用於構建互動式的 Web 界面的庫。它提供了MVVM數據綁定和一個可組合的組件系統，具有簡單、靈活的 API。從技術上講， Vue.js 集中在MVVM模式上的視圖模型層，並通過雙向數據綁定連接視圖和模型。實際的 DOM 操作和輸出格式被抽象出來成指令和過濾器。相比其它的 MVVM 框架，Vue.js 更容易上手。
8.backbone.js
描述：Backbone為復雜Javascript應用程序提供模型(models)、集合(collections)、視圖(views)的結構。其中模型用於綁定鍵值數據和自定義事件；集合附有可枚舉函數的豐富API； 視圖可以聲明事件處理函數，並通過RESTful JSON介面連接到應用程序。
9.React
描述：React 是一個 Facebook 和 Instagram 用來創建用戶界面的 JavaScript 庫。很多人認為 React 是MVC中的V（視圖）。我們創造 React 是為了解決一個問題：構建隨著時間數據不斷變化的大規模應用程序。為了達到這個目標，React 採用下面兩個主要的思想。
10.Ionic
描述：Ionic既是一個CSS框架也是一個Javascript UI庫。許多組件需要Javascript才能產生神奇的效果，盡管通常組件不需要編碼，通過框架擴展可以很容易地使用，比如我們的AngularIonic擴展。
Ionic遵循視圖控制模式，通俗的理解和 Cocoa 觸摸框架相似。在視圖控制模式中，我們將界面的不同部分分為子視圖或包含其他視圖的子視圖控制器。然後視圖控制器「驅動」內部視圖來提供交互和UI功能。一個很好的例子就是標簽欄（Tab Bar）視圖控制器處理點擊標簽欄在一系列可視化面板間切換。
瀏覽我們的API文檔來了解視圖控制器和Ionic中可用的Javascript實用工具。
Ionic 是目前最有潛力的一款 HTML5 手機應用開發框架。通過 SASS 構建應用程序，它 提供了很多 UI 組件來幫助開發者開發強大的應用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供數據的雙向綁定，使用它成為 Web 和移動開發者的共同選擇。