Web IM 前端测试原型，第一期（单一时钟 + 函数步长）

由于最近工作需要，所以写了个Web IM前端核心，现在写的差不多了，拿出来分享一下。

由于第一期时间比较紧张，所以使用XHR轮询方式请求服务器，设计思路是“单一时钟 + 函数步长”，请注意我展示的只是核心测试原型而已，但是主要的重要的部分都实现了，代码有点长我就不贴了，自己去测试地址看好了！

测试地址：http://www.zhanghong.name/example/webim/

测试说明：后边2个 <iframe /> 是输入框，可以按回车发送，或者 shift + 回车是换行（也可以设置为按 shift + 回车 是发送）。可以直接粘贴整个网页进来，脚本会自动提取网页中的纯文本。

该回复于2011-11-15 10:00:11被管理员删除

chaiyining007 (chaiyining007) 等　级：

#2楼 得分：0回复于：2011-11-15 09:20:14

做第2个

该回复于2011-11-15 09:21:39被管理员删除

kj1025 (kj1025) 等　级：

#5楼 得分：0回复于：2011-11-15 09:20:57 完善吧，弄好了 共享出来

该回复于2011-11-15 09:32:54被管理员删除

jielanse 等　级：

#7楼 得分：0回复于：2011-11-15 09:32:08 写完共享吧 期待 (=^_^=)

怎么弄的啊

期待楼主分享源码，哎，自己什么时候才能达到这样的水平啊

源代码可以看，鼠标右键查看源代码就是了

ajax轮询
感觉还是用socket比较爽一点。延迟低，发送数据量小。

二期用XMPP协议做服务器推送，socket 是个古董

tcp/ip http 都离得开socket么...
作为古董socket表示鸭梨很大...
技术不在于花哨，在于实践。
你一个消息发送老大一个xml过来，占用这么多带宽，尤其是网速不好的情况下，你还能干啥...

古董就是古董，俺老板说"技术不行可以加服务器"，你伤不起

<?xml version="1.0" encoding="utf-8"?>
<imdata>

<setting>
<param name="key" value="value" />
</setting>

<waiting>

<note>
<param name="member" value="zhanghong" />
<param name="nickname" value="zhanghong" />
</note>

<note>
<param name="member" value="panyunqi" />
<param name="nickname" value="panyunqi" />
</note>

<note>
<param name="member" value="zengke" />
<param name="nickname" value="zengke" />
</note>

<note>
<param name="member" value="wangzhaodong" />
<param name="nickname" value="wangzhaodong" />
</note>

</waiting>

<talking>

<note>
<param name="member-me" value="zhanghong" />
<param name="member-he" value="zengke" />
<param name="container-message" value="imcontainer-message" />
<param name="container-sending" value="imcontainer-sending" />
</note>

</talking>

<message>

<note>
<param name="member" value="kk" />
<param name="nickname" value="kk" />
<param name="elapse" value="1320653626345" />
<param name="type" value="file" />
<param name="content" value="http://fileurl" />
</note>

<note>
<param name="member" value="zhanghong" />
<param name="nickname" value="zhanghong" />
<param name="elapse" value="1320653553090" />
<param name="type" value="talk" />
<param name="style" value="color:#FF9900; font-family:宋体; font-size:20px; font-weight:normal; font-style:normal; text-decoration:none;" />
<param name="content" value="今天午饭吃了吗？" />
</note>

<note>
<param name="member" value="zhanghong" />
<param name="nickname" value="zhanghong" />
<param name="elapse" value="1320653575562" />
<param name="type" value="talk" />
<param name="style" value="color:#FF9900; font-family:宋体; font-size:20px; font-weight:normal; font-style:normal; text-decoration:none;" />
<param name="content" value="没吃？" />
</note>

<note>
<param name="member" value="zhanghong" />
<param name="nickname" value="zhanghong" />
<param name="elapse" value="1320653607450" />
<param name="type" value="talk" />
<param name="style" value="color:#FF9900; font-family:宋体; font-size:20px; font-weight:normal; font-style:normal; text-decoration:none;" />
<param name="content" value="没吃回家吃去吧！" />
</note>

</message>

</imdata>

这样一个xml貌似也木有多大

XHR轮询方式即时性比较差

老板说可以加服务器，但是做为程序员想的应该是怎么减少服务器。
当然不可否认，某些时候加服务器是最简单的方案。

有很多时候，技术不行，不是加服务器能简单解决的。