随笔-86  评论-767  文章-3  trackbacks-3

2、网易163电子邮箱
从163的电子邮箱中,很容易的可以看到Ajax的身影。虽然其是否真正应用Ajax以及实现细节待分析,不过可以肯定的是,Ajax所提供的异步通信机制,已经深入应用到网易邮箱之中。
163-autobar.jpg163-autocomplete.jpg
来自公网的新闻稿称,163邮箱的极速风格使用了Ajax技术来改善用户体验并提高邮箱的数据传输效率,提供写信、发信的同步操作。新闻稿内容如下:

三个月前,网易163电子邮箱(mail.163.com)全面升级到"极速风格"。在保持一贯清新自然格调的基础上,163新版邮箱在"极速风格"升级中创新使用了Ajax技术,令系统响应和页面加载更加流畅,使得Web邮箱的工作性能接近基于桌面的客户端软件。新版网易邮箱在采用Ajax技术的同时,也保留了基于Web电子邮箱的核心优势--随时随地都可在任何一台电脑上收发邮件,无论何种操作系统,用户的个性化选项一旦设置就会保存到网易邮件服务器中。网易公司称,极速风格一经推出,用户的反应相当热烈,一时间好评如潮,网易7×24小时客服中心每天都能收到网易163电子邮箱用户的上万封表扬信。
  为了充分满足广大网易电子邮箱用户的新需求,11月10日,"极速风格"开始应用于网易新一代的收费邮箱--188财富邮(www.188.com),并提供了时尚元素、紫色情怀等六种个性化界面颜色供用户选择。11月28日,网易126免费邮(www.126.com)也结束了为期四个月的"极速风格"beta版公开测试,开始正式升级并全面取代原先的简约风格。

  事实上,Google是最早采用和推动Ajax技术应用的先驱。一提起Ajax,大家都立刻会想起Gmail、Google Map这些经典的Ajax应用。Hotmail也于上个月推出了功能更强的新版邮件系统Windows Live Mail,据称也采用了Ajax编程技术,使简单的Web网页具有了类似于桌面客户端软件的灵活性。在此轮升级行动中,网易邮箱的"极速风格"通过创造性地应用Ajax技术,给基于Web的电子邮箱在加载动态化和操作客户端化两方面带来了革命性的突破。

  加载动态化

  现在使用Web页面登录网易邮箱时,用户可以感受到超快速的系统响应和流畅的页面加载,甚至不用打断交互流程进行重新加裁,就可以动态更新。因为Ajax技术的应用已将很多必要的信息缓存在终端用户的电脑里,不用每次都浪费带宽访问服务器。也就是说,当用户要阅读一封邮件时,Ajax技术立即重新配置页面,用户无须等待就可以看到结果。

  操作客户端化

  Ajax技术的应用还进一步提高了网易邮件系统的易用性和界面的友好度。例如:用户可在不同的窗口中浏览多个邮件,收信的同时可以写信,发送邮件的同时也可以读信,无需太多操作就可以重排顺序。用户还可以直接使用键盘操作--打开写信页面、阅读新邮件或删除邮件,并且在Web页面中可以用鼠标将邮件拖动至任意文件夹。

  短短数月,网易邮箱"极速风格"的名字已迅速传播开来。上海某跨国公司一名市场人员在接受126免费邮升级改版后的意见调查时表示,使用网易邮箱,不单纯是因为新版邮箱够酷、够时尚,最主要的原因还在于网易邮箱深厚的内在品质和领先的技术实力。

  事实上,继去年的邮箱扩容大战之后,各大电子邮件服务商又展开了新一轮的激烈竞争。业内人士分析,2005年,领跑中国电子邮箱市场的网易可谓动作频频--4月份163和126免费邮双双扩容至2280兆超大空间,随后连续大手笔推出280兆免费网盘、用户活跃积分计划和基于Ajax技术的全新极速风格……对此,国内外其他邮件服务商绝不会坐视不理。在新一轮的竞争中,当以网易为代表的电子邮件服务提供商为满足电子邮箱用户不断产生的需求而开始新一轮技术创新时,真正的受益者都将是最广大的网民朋友。

posted on 2006-03-08 09:49 eamoi 阅读(8113) 评论(11)  编辑  收藏 所属分类: AJAX

评论:
# re: [汇总]我所看到的Ajax应用之163邮箱 2006-03-07 14:48 | javadolt
您好,163的自动完成不是用的AJAX,这个我分析过。楼主可以去分析一下。进度条我没分析过。共同学习!  回复  更多评论
  
# re: [汇总]我所看到的Ajax应用之163邮箱 2006-03-08 09:56 | eamoi
谢谢提醒。
163的代码没有土豆那么明了,那么好分析。不知道有没有朋友先行一步的。  回复  更多评论
  
# re: [汇总]我所看到的Ajax应用之163邮箱 2006-03-08 14:11 | 匿名
要是想同时打开多封邮件怎么办,以前用Maxthon的拖拽功能打开一大堆邮件,但现在是js代码,所以每次看完一封信还得首先返回再看其他的邮件.整体感觉舒服是舒服了,但是看邮件却不爽了.  回复  更多评论
  
# re: [汇总]我所看到的Ajax应用之163邮箱 2006-03-08 20:18 | 剑事
整体来看163还不够ajax

只能说JS用了很多,删除翻页等看得出来  回复  更多评论
  
# re: [汇总]我所看到的Ajax应用之163邮箱 2006-03-14 15:33 | 一农
我分析了一下163(尚未结束),很多地方还都是用的frame,主体是gblankxxxxx.htm,使用firefox保存文件,会给你带来一些惊喜。
另外gblankxxxxx.htm的大体结构是
<html>
<body>
<div>开头</div>
<table>
<tr>
<td>
左侧导航
</td>
<td>
<!--右侧-->
<div>
共四、五个,和电子邮件、通讯录、邮箱选项等几个tab对应。
</div>
</td>

</tr>
</table>

</body>
</html>  回复  更多评论
  
# re: [汇总]我所看到的Ajax应用之163邮箱 2006-04-10 13:14 | Niko
163邮箱其实只能算是用JS加上框架堆砌出来的一种应用而已,其实里面最关键的是隐藏框架JsFrame,其它框架中的操作都通过fGoto()跨框架调用JsFrame中的函数来响应,我看到绝大多数页面都是在JsFrame中由JS脚本拼成然后跨框架打印出来的,控制显示正在加载状态的层的显示与隐藏也没有利用AJAX的onreadystatechange进行回调,而是innerHTML后调用fHideWaiting()来隐藏状态层。
能用这种方法做成“极速风格”这样的产品应该说开发能力真的不错,不过JS过于零散,没有通过面向对象的方式有效合理地组织,我觉得以后功能大量扩增时JS越来越多后调整页面起来未必会很轻松吧...


【进度条】
相关页面:
http://mimg.163.com/jsstyle/html/globe0603201051.htm
简单分析:
所谓进度条只是模拟出来的,g()是模拟进度函数,每外部加载一两个JS后就放一个<script>g()</script>模拟一点进度推进,目前大概一共13个外部JS,先后5次调用g()函数达到进度推进至100%的效果。


【邮件地址自动匹配完成】
相关脚本:
http://mimg.163.com/jsstyle/js/0603201051/compose.js
http://mimg.163.com/jsstyle/js/0603201051/controllater.js
简单分析:
这个功能稍微复杂一点,貌似网易改版过几次,记得以前看时好像有页面调用AutoFinishMailAddr.js实现这种效果,现在改为由compose.js中的函数生成页面,数据取的是GE.address=frame["addressFrame"].addr_data;因为通讯录框架在系统初始化时已经加载,所以直接跨框架取数据就行,至于自动匹配完成的效果就是通过JS配合DOM动态创建一个层并进行CSS设置和定位,然后每次根据键盘事件调用相关的函数以一定的逻辑整理数据后再innerHTML到这个层中即可。


  回复  更多评论
  
# re: [汇总]我所看到的Ajax应用之163邮箱 2006-04-16 20:05 | pc
现在,其126邮箱提供了自选升级.宣称采用了Ajax.  回复  更多评论
  
# re: [汇总]我所看到的Ajax应用之163邮箱 2006-05-15 00:50 | 11221122
感觉不是很好,尤其不支持MF较低版本  回复  更多评论
  
# re: [汇总]我所看到的Ajax应用之163邮箱 2006-05-20 10:00 | 逍遥飞
帮忙解答偶的问题:
偶用极速登陆时很慢,还出现网页上有错误,登不上去.后用简约登陆又可以.
哪位好"邮"帮我解答,谢谢!  回复  更多评论
  
# re: [汇总]我所看到的Ajax应用之163邮箱 2008-06-03 10:24 | QQ50136164
在电子邮件的收件人里,假如你打x,结果出来个层吧带x的电子邮件(xiadao@126.com,xi@)地址都列出来怎么实现的,126等信箱都有这个功能,听说是用ajax实现的谁有代码给小弟一份,本人给多少分都可以.
问题补充:http://www.blogjava.net/eamoi/archive/2006/05/20/33961.html 这里有我想实现的功能的图,底下有2个JS 是回复人提供的,脚本下载的地址,但是我下了,我不会用,【邮件地址自动匹配完成】
相关脚本:
http://mimg.163.com/jsstyle/js/0603201051/compose.js
http://mimg.163.com/jsstyle/js/0603201051/controllater.js
请高手把代码引用的给我,或发我邮箱,本人愿意给个杀毒软件号,xiaodao214@126.com  回复  更多评论
  
# re: [汇总]我所看到的Ajax应用之163邮箱 2008-06-03 10:26 | QQ50136164
在电子邮件的收件人里,假如你打x,结果出来个层吧带x的电子邮件(xiadao@126.com,xi@)地址都列出来怎么实现的,126等信箱都有这个功能,听说是用ajax实现的谁有代码给小弟一份,本人给多少分都可以.
问题补充:http://www.blogjava.net/eamoi/archive/2006/05/20/33961.html 这里有我想实现的功能的图,底下有2个JS 是回复人提供的,脚本下载的地址,但是我下了,我不会用,【邮件地址自动匹配完成】
相关脚本:
http://mimg.163.com/jsstyle/js/0603201051/compose.js
http://mimg.163.com/jsstyle/js/0603201051/controllater.js

怎么弄给个完整的代码好吗?我的xiaodao2142126.com  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: