- 浏览: 300886 次
- 性别:
- 来自: 武汉
文章分类
最新评论
-
masuweng:
如何给新人机会 -
masuweng:
多sql结果集按列合并新结果报表实现方案 -
Ahe:
赞
坚持长跑方能赢 -
masuweng:
好好好
程序员如何更好的了解自己所做的事情 -
小楠人:
laoguan123 写道楼主好,使用过一些excel导入导出 ...
excell导入导出
昨天晚上花了一小时,体验了下快速极限编程,使用nodejs express + socket.io + jquery 制作一个极简单的聊天服务器,socket.io果然对于简单而强大 Shell代码 zengke:mchat$ date Mon Nov 28 22:46:02 CST 2011 ... zengke:mchat$ date Mon Nov 28 23:40:30 CST 2011 服务器端代码 node.js Javascript代码 var express = require('express'); var app = express.createServer(); var io = require('socket.io').listen(app); app.configure(function () { app.use(express.bodyParser()); app.use(express.methodOverride()); app.use(express.logger()); app.use(express.bodyParser()); app.use(express.cookieParser()); app.use(express.session({ secret: "skjghskdjfhbqigohqdioukd", })); }); var conns = {}; io.sockets.on('connection', function (socket) { var cid = socket.id; for(var ccid in conns) { var soc = conns[ccid]; soc.emit('join', {cid: socket.id}); } conns[cid] = socket; socket.on('disconnect', function () { delete conns[cid]; for(var cid in conns) { var soc = conns[cid]; soc.emit('quit', {cid: cid}); } }); socket.on('say', function (data) { data.cid = cid; for(var ccid in conns) { var soc = conns[ccid]; soc.emit('broadcast', data); } }); }); app.get('/', function (req, res) { res.sendfile(__dirname + '/public/index.html'); }); app.use('/public', express.static(__dirname + '/public')); app.listen(3000); console.log('daemon start on http://localhost:3000'); 浏览器端javascript Javascript代码 var socket = io.connect("http://localhost"); socket.on('quit', function (data) { status('Client ' + data.cid + ' quits!'); }); socket.on('join', function (data) { status('Client ' + data.cid + ' joins!'); }); socket.on('broadcast', function (data) { $('#thread').append($('<div>').html('client ' + data.cid + ' says:<br/>' + data.w)); }); function say() { var words = $('#text').val(); if($.trim(words)) { socket.emit('say', {w: words}); $('#text').val(''); } } function status(w) { $('#status').html(w); } function initialize() { $(document).delegate('textarea', 'keydown', function (evt) { //console.info(evt.keyCode); if(evt.keyCode == 13 && evt.ctrlKey) { $('#send').focus().click(); } }); } 页面HTML代码 Html代码 <html> <head> <script src="/public/jquery-1.7.min.js"></script> <script src="/socket.io/socket.io.js"></script> <script src="/public/mchat.js"></script> <style type="text/css"> #content { width: 600px; margin: 0 auto; } textarea { width: 400px; height: 40px;} </style> <script> $(document).ready(function() { initialize(); }); </script> </head> <body> <div id="content"> <h1>Micro Chat</h1> <div id="status"></div> <div id="thread"> </div> <div> <textarea id="text" name="text"></textarea> </div> <div> <button id="send" onclick="say();">Send</button> </div> </div> </body> </html>
发表评论
-
基于html2canvas的长图分享
2018-12-21 10:11 1156<span class="ui label ... -
省地市联动js
2018-12-20 10:41 614方案一 <div class="l&qu ... -
一些常用的ui框架组合
2018-10-09 17:52 1019amaze zUI 开源HTML5跨屏框架 window. ... -
连续点赞异步触发计数
2018-09-30 22:19 855防止连续触发异步请求,2秒发送一次计数 ... -
jQuery.fn.extend(object)合并相同单元列
2018-09-18 15:24 960jQuery中$.fn的用法示例介绍 https://www ... -
js解决搜索框传参数的一种方案
2017-10-26 11:20 470$(".button-to-export-sea ... -
基于semantic既可以下拉框也可以文本框输入
2017-07-10 10:07 1000<div class="field & ... -
ajax提交json数据返回文件流下载excell
2017-06-02 14:45 1512ajax异步无法返回下载文件 可以通过添加from表单隐藏域的 ... -
rails全国订单发货热力图
2017-05-03 15:02 981路由配置 get '/monitor' => 'da ... -
ruby调用echart的柱状饼状图
2017-04-27 14:35 1099sql = "select GROUP_CON ... -
Rials实现下拉框联动的两种实现方式
2017-04-07 10:26 549一:partial模版替换 $(document). ... -
js动态生成的节点关联
2017-03-31 15:18 590有效方法: $(document).on('click' ... -
扫码枪发商品快递时录入发货快递单号到对应产品订单明细
2016-08-11 14:46 1397运用场景:扫码枪发商品快递时录入发货快递单号到对应产品订单明细 ... -
moment.js实现客户端显示本地时间
2016-07-27 09:45 2169$(document).ready(function(){ ... -
联动下拉框的两种实现方式
2015-11-19 11:00 850一:Ajax联动替换 $.ajax({ ... -
css浮动回到顶部按钮
2015-09-14 11:28 877<div style="height:2000 ... -
jquery多处更新处理
2015-02-09 14:25 700function check_type_message(i ... -
JS类的建立和使用
2014-10-21 10:19 641JS类的建立和使用 //类的建立和使用例子一 do ... -
文本搜索框下拉多选框效果
2014-07-25 13:32 1602实现文本框搜索多选框选择功能: 文本框搜索,多选框响应检索结果 ... -
JS操作DOM元素属性和方法
2014-07-24 13:18 729JS操作DOM元素属性和方法 javascript文档ht ...
相关推荐
标题"通过前端Jquery调用Web Socket连接,并返回数据Demo"主要涉及以下知识点: 1. **JQuery**:JQuery是一个广泛使用的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。在本示例中,JQuery可能被...
JavaScript,jQuery Mobile和Node.js是现代网页开发中的关键技术,它们各自扮演着不同的角色,而将它们结合起来可以创建出强大的、跨平台的网页应用。在这个项目中,我们看到这三个技术的融合,为开发者提供了从桌面...
使用此库可以直接在网页上创建 Socket TCP ...迈云 JavaScript Socket 类可以在网页上创建原生Socket,并与服务器端通讯。Socket具有持久、实时的优点,适合IM、聊天室、网络游戏、实时更新、实时推送等等的各个场合。
在给定的压缩包“常用js文件大全”中,我们可能找到了一系列广泛使用的JavaScript库和工具,如jQuery和Socket.IO。这些文件对于前端开发者来说极其宝贵,因为他们大大简化了开发过程并提高了效率。 **jQuery** 是一...
在这个资源包中,包含了`jquery.js`、`sockjs.min.js`和`stomp.min.js`这三个关键的JavaScript库,它们共同构成了一个WebSocket通信的完整解决方案。 首先,`jquery.js`是著名的JavaScript库,它简化了DOM操作、...
在现代Web开发中,为了实现实时双向通信,JavaScript结合Socket技术(通常指的是WebSocket协议)成为一种常见且强大的解决方案。WebSocket是HTML5引入的一个新特性,允许服务器和浏览器之间建立长时间保持连接的通道...
jSocket是 JavaScript 实现 Socket 通讯的例子,服务端采用VS2010 net4.0开发。 win7已测试通过,整合了很多资料,解决了Flash Socket通信的安全策略问题,连接,发,收信息成功。
mock-socket, web sockets和 socket.io的Javascript模拟库 的Javascript模拟库, 和 socket.io 安装yarn add mock-socket --dev用法在 node 环境中使用,你可以直接导入或者直接要求文件。 这里选项对于phanto
JavaScript中的Socket编程是一种用于在客户端和服务器之间建立实时通信的技术,它基于TCP/IP协议,允许双方进行双向数据传输。在HTML应用中,WebSocket是实现实时交互的重要工具,它弥补了HTTP协议在长连接和实时性...
JavaScript 与 Flash 中的 Socket 交互是网页开发中一种重要的技术,主要用于实现浏览器与服务器之间的低级别通信。在 Flash 中,Socket 类提供了与服务器进行双向数据流通信的能力,而 JavaScript 则可以用来控制 ...
**SuperSocket库详解** SuperSocket是一款高性能、轻量级的C# Socket服务器开发框架,它为开发者提供了构建基于TCP/IP协议的应用程序的便利工具。在.NET平台上,SuperSocket以其易于扩展和高度定制化的特性,成为了...
SocketTool V4.0版本支持JavaScript编程方式,从而增加了灵活性。JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,广泛用于客户端的脚本...
在客户端,你可以使用`socket.io-client`库,这个库通常用于JavaScript运行环境,如浏览器或React Native等,但也有针对Java和Android的实现,如你提到的`socket.io-client-0.5.0.jar`。 在Java或Android项目中,`...
Socket 编程详解 在网络编程中,Socket 是一个基本概念, plays a crucial role in building network applications. 在 C# 中,Socket 编程是通过使用 System.Net.Sockets 命名空间中的类和方法来实现的。下面,...
socket.io.js是Socket.IO库的核心JavaScript文件,它包含了Socket.IO客户端的所有功能。在网页中引入这个文件,开发者就可以开始使用Socket.IO与服务器进行实时通信。 使用Socket.IO的步骤通常包括以下部分: 1. *...
标题中的"jquery-websocket"表明我们关注的是如何在JavaScript库jQuery中集成WebSocket技术,用于实现实时双向通信。WebSocket是一种在客户端和服务器之间建立长连接的协议,它允许数据双向传输,极大地提高了网络...
标题中的“简单的乒乓球游戏#socket.io #node.js_JavaScript_代码_下载”表明这是一个基于JavaScript、Node.js和Socket.IO的简单乒乓球游戏项目。在这个项目中,开发者利用这些技术创建了一个实时的、多人在线对战的...
"head.js"和"script.js"可能是工具的JavaScript脚本文件,负责前端界面和交互逻辑;"帮助.lnk"是一个快捷方式,可能指向详细的使用指南或在线帮助文档;"U盘量产网.lnk"可能是关于U盘制作和管理的相关资源链接;...
- JavaScript的事件监听机制是关键,如监听键盘事件(如按下Enter键)以触发消息发送,以及监听Socket.IO的连接和断开事件,以处理用户登录和退出。 综上所述,这个示例代码展示了如何使用HTML、CSS和JavaScript...