Iterator遍歷器:
概念: iterator是一種接口機(jī)制沐旨,為各種不同的數(shù)據(jù)結(jié)構(gòu)提供統(tǒng)一的訪問機(jī)制
? ? 作用:
? ? ? 1岳服、為各種數(shù)據(jù)結(jié)構(gòu),提供一個統(tǒng)一的希俩、簡便的訪問接口吊宋;
? ? ? 2、使得數(shù)據(jù)結(jié)構(gòu)的成員能夠按某種次序排列
? ? ? 3颜武、ES6創(chuàng)造了一種新的遍歷命令for...of循環(huán)璃搜,Iterator接口主要供for...of消費(fèi)。
? ? 工作原理:
? ? ?? 創(chuàng)建一個指針對象(遍歷器對象)鳞上,指向數(shù)據(jù)結(jié)構(gòu)的起始位置这吻。
? ? ?? 第一次調(diào)用next方法,指針自動指向數(shù)據(jù)結(jié)構(gòu)的第一個成員
? ? ?? 接下來不斷調(diào)用next方法篙议,指針會一直往后移動唾糯,直到指向最后一個成員
? ? ?? 每調(diào)用next方法返回的是一個包含value和done的對象,{value: 當(dāng)前成員的值,done: 布爾值}
? ? ? ? value表示當(dāng)前成員的值鬼贱,done對應(yīng)的布爾值表示當(dāng)前的數(shù)據(jù)的結(jié)構(gòu)是否遍歷結(jié)束移怯。
? ? ? ? 當(dāng)遍歷結(jié)束的時候返回的value值是undefined,done值為false
? ? 原生具備iterator接口的數(shù)據(jù)(可用for of遍歷)
? ? ? 1这难、Array
? ? ? 2舟误、arguments
? ? ? 3、set容器
? ? ? 4姻乓、map容器
? ? ? 5嵌溢、String
class:
1. 通過class定義類/實現(xiàn)類的繼承
2. 在類中通過constructor定義構(gòu)造方法
3. 通過new來創(chuàng)建類的實例
4. 通過extends來實現(xiàn)類的繼承
5. 通過super調(diào)用父類的構(gòu)造方法
6. 重寫從父類中繼承的一般方法7
Vue:
1. 引入Vue.js
2. 創(chuàng)建Vue對象
el : 指定根element(選擇器)
data : 初始化數(shù)據(jù)(頁面可以訪問)
3. 雙向數(shù)據(jù)綁定 : v-model
4. 顯示數(shù)據(jù) : {{xxx}}
5. 理解vue的mvvm實現(xiàn)
模板語法:
1. 模板的理解:
? 動態(tài)的html頁面
? 包含了一些JS語法代碼
? ? 大括號表達(dá)式
? ? 指令(以v-開頭的自定義標(biāo)簽屬性)
2. 雙大括號表達(dá)式
? 語法: {{exp}}
? 功能: 向頁面輸出數(shù)據(jù)
? 可以調(diào)用對象的方法
3. 指令一: 強(qiáng)制數(shù)據(jù)綁定
? 功能: 指定變化的屬性值
? 完整寫法:
? ? v-bind:xxx='yyy'? //yyy會作為表達(dá)式解析執(zhí)行
? 簡潔寫法:
? ? :xxx='yyy'
4. 指令二: 綁定事件監(jiān)聽
? 功能: 綁定指定事件名的回調(diào)函數(shù)
? 完整寫法:
? ? v-on:click='xxx'
? 簡潔寫法:
? ? @click='xxx'