前端的用户体验现在显得越来越重要,从后台开发,到前台技术很多工作都围绕如何提高前端用户体验而展开。我们也许能从这篇文章里获取一些有用的信息,用到自己的实际项目工作中。这篇文章的作者来自yahoo的异常表现小组。他们是一个很小的队伍,专门针对雅虎的产品进行质量检测和改进,该作者作为一个后端工程师,现在却开始捣鼓前端代码优化方面的工程,他认为这是一个极好的进步的机会。他的目标是改进用户端体验,他度量了在各个带宽下浏览器的响应时间,得出如下的一个图表,它展示了来自http://yahoo.com的http的流量。现在我们来好好学习一下:
Tags: front-endyahoo
Ajax, CSS, DHTML&Javascript
2009-05-30
一、简化代码
采用更为简短的写法,不仅可以减少输入的字符数,还可以减少文件大小。大部分采用简单写法的代码,执行效率都有轻微提高。
1.1 简化常用对象定义:
使用 var obj = {}; 代替 var obj = new Object();
使用 var arr = []; 代替 var arr = new Array();
1.2 精简if语句
三元操作符可以有效精简只涉及赋值传值操作的if语句,比如
Tags: AjaxJavascript
Ajax, DHTML&Javascript
2009-05-03
相信Prototype, jQuery, MooTools, Dojo, YUI 这些大名鼎鼎的、流行的Javascript库你都有听说过,每个拿出来都可以独当一面。这些 JavaScript 库功能丰富,加上它们的插件,几乎能胜任任何工作,然而这是有代价的,这些库往往导致你的网页尺寸臃肿。在某些场合,如果你只想完成特定的工作,可以使用一些功能更专一的轻量库,本文介绍了若干非常出色的轻量级 JavaScript 库。希望对你有用:
Tags: JavascriptJs Library
Ajax, DHTML&Javascript
2009-04-13
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。
1、比较标准的写法:
var json = ‘{”a”:”1″, “b”:”2″}’;
var data = eval(’('+ json +’)');
alert(data.a);
alert(data[’a']);
在这种写法中,JSON对象中的key是用双引号括起来的,
与value写法一致,看起来比较统一;
Tags: JavascriptJSON
Ajax, DHTML&Javascript
2009-04-11
乱码的产生无外乎编码的问题,Ajax产生乱码也一样。主要有2个原因
1 xtmlhttp 返回的数据默认的字符编码是utf-8,如果前台页面是gb2312或者其它编码数据就会产生乱码;
2 post方法提交数据默认的字符编码是utf-8,如果后台是gb2312或其他编码数据就会产生乱码;
解决的办法就是在送出的流里面加一个HEADER,指明送出的是什么编码流,这样XMLHTTP就不会乱搞了。
PHP:header(’Content-Type:text/html;charset=GB2312′);
ASP:Response.Charset(”GB2312″)
JSP:response.setHeader(”Charset”,”GB2312″);
Tags: Ajax
Ajax, Personal
2008-04-28