从gmail开始，前端总结出了ajax的概念，也让前端开发工程师们得到了更多的重视，前端技能是一个很庞大的体系，W3C标准，Dom结构，Css样式，Javascript编程 ……
在做AJAX应用开发的时候，我们通常喜欢把服务器端返回的JSON格式字符串在客户端的回调函数中把它作为JavaScript代码执行并用一个变量保存起来，以方便使用返回的数据。通常的做法就是var jsonData = eval(xmlHttp.responseText)。这看起来似乎一切都是正确的，但当你运行代码的时候，你会发现报“invalid labe”错误了。为什么？我也不清楚，但我找到了解决这个问题的方法。
阅读全文…
浏览器为了重新渲染部分或整个页面，重新计算页面元素位置和几何结构（geometries）的进程叫做 reflow。由于 reflow 是一种浏览器中的用户拦截（user-blocking）操作，所以了解如何减少 reflow 次数，及不同的文档属性（DOM 层级（DOM depth），CSS 效率，不用类型的 style 变化）对 reflow 次数的影响对开发者来说非常必要。有时 reflow 页面中的一个元素会 reflow 它的父元素（译注：这里是复数）以及所有子元素。
有很多种方法来实现图片的预加载，通常大部分使用Javascript让事情滚动。不要再受Javascript预载的束缚了吧，用CSS你就可以毫不麻烦的预载你的图片。
为什么使用预载
你为什么会考虑使用预载呢？你是否曾有个网站，在那个网站你要滚动你的导航然后有个延迟直到图片被加载完……嘿嘿。预载将在这方面帮助你。它将在页面加载的时候加载那些图片并将其存储在浏览器的缓存里面。这样当用户滚动导航的时候，很漂亮而且流畅，没有延迟。
声明，本文中所称 CSS雪碧 即为CSS Sprites，这个词组一直没有一个固定或者约定俗成的中文翻译，一些人开始称之为CSS雪碧，我们且当作一次尝试吧，如果大家觉得不妥，今后还会继续直称CSS Sprites。
CSS雪碧已经出现一段时间了，并上升为一种可以让你的网站速度变快的方式。Steve Souders刚刚在 Velocity ‘09上展示了SpriteMe! (讨论——为什么在你可以使用canvase和toDataURL和及时生成雪碧的时候还要使用CSS雪碧生成器或其它基于服务器的工具？）。然而，关于CSS雪碧有一些误解，最主要的一个就是它们没有缺点。
写任何编程代码，不同的开发者都会有不同的见解。但参考一下总是好的，下面是来自 Javascript Toolbox 发布的 14条最佳JS代码编写技巧 ，Sofish翻译(1,2)。
1. 总是使用 ‘var’
在JavaScript中，变量不是全局范围的就是函数范围的，使用”var”关键词将是保持变量简洁明了的关键。当声明一个或者是全局或者是函数级（function-level）的变量，需总是前置”var”关键词，下面的例子将强调不这样做潜在的问题。
不使用 Var 造成的问题
阅读全文…
