javascript學習筆記(一)

    前端開發有一個叫漸進加強開發模型,有三個層次,分別是結構層(html),表現層(css),行爲層(javascript)。該模型強調三個層次的分隔,能夠直觀地表現爲html、css、js各自做爲文件存放。這樣作的好處是易維護,提升易訪問性和代碼可讀性,有助於提升質量。javascript

    javascript是面向對象的弱類型語言,javascript中每件東西均可當作是對象,如:
css

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

上述代碼中me是一個對象,而firstname,lastname,nickname都是me內部的小對象。html

    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對象分別封裝有一個匿名函數,這種函數封裝在對象之中的代碼組織形式則可稱爲方法。這是一種既面向對象又極易維護的代碼組織方式,可以創造出條理清晰且複用性強的程序。java

    javascript中聲明一個變量後,就會被緩存起來,任什麼時候候咱們均可以引用它。瞭解到這點後,咱們能夠依些改善一些性能問題。如一個字符串常常要被用到,由把它賦給一個變量,緩存起來,這樣就不用調用都聲明一次。也比如如在使用jquery時,若重複使用$('.kk'),能夠將其賦給一個變量,而後之後就調用這個變量。這樣也是能夠提高性能的。
jquery

注:詳細可閱讀《javascript應用開發實踐指南》緩存

相關文章
相關標籤/搜索