2.0的技術,增加用戶的體驗;以此來增加網站的粘合度;
方法:
一,Ajax無刷新技術,
好處1.快速的頁面響應速度,減少等待時間;節省帶寬;
好處2.新的不同的操作體驗;
二,利用一些開源的javascript特效;
1.lightbox,圖片顯示方面;
2.http://script.aculo.us/,
基于prototype.js的特效,實現圖片漸變,drag&drop,inlineplaceEditor等十幾種有用的特效;
可以很方便的和ajax集成,主要應用于web2.0網站,目前開發很活躍;
3.prototype.js (http://prototype.conio.net/),
將是我們使用最多的js,很多好處需要慢慢體會,呵呵;
目前有ruby on
rails,script.aculo.us,Rico,Behaviour等框架使用此js;目前官網最高版本是1.4,但可以從script.aculo.
下到1.5rc1;
我們會經常使用的功能有3塊:$系列,Ajax系列,Insertion系列;
一些經典的介紹文章:
a. http://www.aygfsteel.com/calvin/archive/2006/06/17/53471.html
b.
https://compdoc2cn.dev.java.net/prototype/html/prototype.js.cn.html
c.
http://www.sergiopereira.com/articles/prototype.js.html#Reference.Ext...
d. http://www.klstudio.com/post/32.html
4.wztooltip.js (http://www.walterzorn.com),
我們可以利用它的tooltip的功能,來實現類似greasemonkey的功能;
比如我們可以在搜索結果的旁邊加一個類似google的網頁快照功能,當鼠標觸發onmouseover事件時,用ajax把數據load回來用
tooltip的方式顯示給用戶,這樣用戶不用打開此頁面就可以知道大概內容了;
三,Ajax IM和Online Chat
1. Azchat,
(http://chat.anarchyzero.com/),網頁聊天,用戶可以在同一個網頁上聊天;此項目是php開源的,我們可以通過一段
html頁面,將它的chat功能集成進來;很方便;類似的技術http://gabbly.com/,http://www.vqq.com/(國內),這些都可以免費
集成;
2.
注冊會員之間在線IM聊天,可以實現在線客服等功能;
四,其他web2.0技術:RSS,Tag等;