服务器主动推送和@技术

服务器推

基于客户端套接口：

Flash XML Socket

HTML页面中嵌入使用XMLSocket类的Flash程序后，通过此程序的提供的套接口与服务器进行通信

Java Applet套接口

通过java.net.Socket、java.net.DatagramSocket、java.net.MulticastSocket与服务器的套接口连接通信

基于HTTP长连接：

Comet

1.      AJAX 循环调用XMLHttpRequest对象发出HTTP请求，而服务器知道有数据传递或超时才返回请求

2.      IFrame及HtmlFile的流方式 嵌入带有长连接请求的SRC属性的隐藏帧。服务器返回对客户端函数的调用，返回的数据作为函数参数传递

注意点：

1.      不在同客户端建立超过两个HTTP长连接（不能同时下载三个文件）

2.      均衡长连接的资源耗费

3.      控制信息与数据信息连接分离

4.      服务器与客户端之间保证在连接异常时及时释放资源关闭连接

Pushlet

提供了客户端Javascript库，定义了通信信息格式，会话管理，服务器端fetchEvents读取事件队列管理。

 

@

实现方法：

Textarea 弹出层定位到相位文本域的固定位置或计算具体位置

Contenteditable API：DOM Selection-> document.getSelection()；DOM Range -> range.getBoundingClientRect()

离屏

ACE编辑器风格，改变时重新绘制带有HTML字符串的DOM元素

Google Docs编辑器风格，计算鼠标位置，“手动”放置只有2个像素宽的div元素

 

网易微博思路：

创建一个不可见的pre，copy输入框内容，找到末尾@，提取@之后的内容并删除，插入span，获取span的offset，根据offset确定最后一个@在输入框中的位置