前端开发有一个叫渐进增强开发模型，有三个层次，分别是结构层（html),表现层（css),行为层(javascript)。该模型强调三个层次的分隔，可以直观地表现为html、css、js各自作为文件存放。这样做的好处是易维护，提高易访问性和代码可读性，有助于提高质量。

    javascript是面向对象的弱类型语言，javascript中每件东西都可看成是对象，如：

var me = {
    "firstname" : "y",
    "lastname" : "kk",
    "nickname" : "yrw"
};

上述代码中me是一个对象，而firstname,lastname,nickname都是me内部的小对象。

    javascript中所有东西都可以放入对象中，如果把函数放入对象中，就成了方法。如：

<script type="text/javascript">
	var getInfo = {
		"name" : function() {
			alert("this is name");
		},
		"kk" : function() {
			alert("this is kk");
		}
	}
	window.addEventListener("load",getInfo.name,false);
	document.addEventListener("click",getInfo.kk,false);
</script>

代码中的getInfo中的name和kk对象分别封装有一个匿名函数，这种函数封装在对象之中的代码组织形式则可称为方法。这是一种既面向对象又极易维护的代码组织方式，能够创造出条理清晰且复用性强的程序。

    javascript中声明一个变量后，就会被缓存起来，任何时候我们都可以引用它。了解到这点后，我们可以依些改善一些性能问题。如一个字符串经常要被用到，由把它赋给一个变量，缓存起来，这样就不用调用都声明一次。也好比如在使用jquery时，若重复使用$(‘.kk‘)，可以将其赋给一个变量，然后以后就调用这个变量。这样也是可以提升性能的。

注：详细可阅读《javascript应用开发实践指南》