惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

酷 壳 – CoolShell
酷 壳 – CoolShell
D
Docker
Microsoft Security Blog
Microsoft Security Blog
Google DeepMind News
Google DeepMind News
M
MIT News - Artificial intelligence
P
Proofpoint News Feed
Engineering at Meta
Engineering at Meta
Y
Y Combinator Blog
Vercel News
Vercel News
F
Fortinet All Blogs
B
Blog
Recent Announcements
Recent Announcements
A
About on SuperTechFans
GbyAI
GbyAI
T
The Blog of Author Tim Ferriss
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - Franky
MongoDB | Blog
MongoDB | Blog
Stack Overflow Blog
Stack Overflow Blog
B
Blog RSS Feed
C
Check Point Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
V
Visual Studio Blog
月光博客
月光博客

博客园 - 坐看云起

强制卸载 Visual studio 2017 Pycharm 增加 run 控制台缓冲行数 HTML5中使用图片传递密文 Ubuntu 各版本代号简介 Ubuntu Desktop 15.10 自带桌面共享问题修复 Zend Studio 中导出 PHP 语法颜色配置 webkit中获取用户选择文本和编程设定选择文本 [转]为什么不能打断程序员? 儿子不背乘法口诀肿么办 实现使用Websocket通讯的聊天室——Node.js摸石头系列之六 WebSocket 一场Web 通讯革命悄然来临——Node.js摸石头系列之五 完成静态服务器——Node.js摸石头系列之四 完成HelloWorld——Node.js摸石头系列三 Node.js摸石头系列目录 架一个HTTP服务——Node.js摸石头系列之二 Node.js 的安装和控制台命令——Node.js摸石头系列之一 BookMarklet:瑞士军刀你用了吗? Aptana studio 3 修改配色方案 推荐引擎与学习
大家都可以拖动的web小方块——Node.js摸石头系列之七
坐看云起 · 2011-12-26 · via 博客园 - 坐看云起
系列目录:Node.js摸石头系列目录

  上一回聊天室的代码,我曾经答应在下一讲进行详细的解释,对不起,我食言了。因为今天我写了个小东东想和大家分享。那个,那个详细解释放到下一回吧。咳,咳……

一、 还记得 Flash 的 Share Object 吗?没错,咱们不用插件就实现他。

   flash 中有一个 share object ,可以让大家通过网络共享一个对象。曾经有个示例,就是甲拖动屏幕上的小球,乙的屏幕上的小球也同样被拖动了,乙也同样可以拖动的动作共享给甲。当初看到这个例子时,我觉得好神奇啊。可是一打听,完成这样的功能需要 Flash Media Server,这玩意是要钱钱地。不过没关系,利用前面我们摸索出来的知识,我们已经可以实现这个案例了,而且,咱们不用插件!爽吧。

    有图有真相:

shareobject

    如上图,拖动任意一页面红色方块,其他页面的方块会得到同步。

二、上源码

    源码在这,解开用 node 执行 app.js 就可以了。 仅仅需要 socket.io 模块,放心,我也压进去了,所以您不用安装了。哦,对了,用了 jquery , 直接连 google 放互联网上的库的,主要是避免太多的代码给您造成混淆。我力图把代码精简到最少,方便您阅读。怎么样?我是个很体贴的男人吧。(广告语N句,略……)

三、想说明什么?

    还是那句,没有做不到,就怕想不到。任何事物在被创造出来之前,都已经在我们的大脑里造了一遍了。所以,尽情的去梦想吧……

    发现直接上代码真是轻松啊,哈哈。