Tierney_John

購物車的實(shí)現(xiàn) 電商網(wǎng)站的購物車相信每個(gè)讀者都不陌生斑响，這次我們就結(jié)合Vue的計(jì)算屬性掩缓，完成一個(gè)簡單的購物車實(shí)現(xiàn)挠锥。 首先熟悉下購物車的性質(zhì)，用戶在選定商品添加到購物車中勋又，在購物車...

Tierney_John

概述 通常我們會在模版中綁定表達(dá)式瓢谢，但如果表達(dá)式的邏輯過于復(fù)雜襟衰，則模版會變得臃且難以維護(hù)满败。 例：Mustache語法中的表達(dá)式調(diào)用了三個(gè)方法來最終實(shí)現(xiàn)字符串的反轉(zhuǎn) 定義計(jì)算屬...

Tierney_John

通過指令實(shí)現(xiàn)下拉菜單 下拉菜單在實(shí)際應(yīng)用中很常見窘奏，當(dāng)鼠標(biāo)移動到某個(gè)菜單上時(shí)會彈出一個(gè)子菜單列表，每個(gè)子菜單都是可以單擊的葫录，當(dāng)鼠標(biāo)移出整個(gè)菜單列表區(qū)域，子菜單列表隱藏领猾。 為了讓...

Tierney_John

本文承接上文米同，繼續(xù)對Vue的指令進(jìn)行介紹，同時(shí)也是指令系列的終章摔竿。建議讀者先閱讀上篇文章面粮，以免有不解之處。前文請參考“Vue學(xué)習(xí)——指令(三)” 自定義指令 前文已經(jīng)介紹了V...

Tierney_John

本文承接上文继低，繼續(xù)對Vue的指令進(jìn)行介紹熬苍，建議讀者先閱讀上篇文章，以免有不解之處袁翁。前文請參考“Vue學(xué)習(xí)——指令(二)” 內(nèi)置指令 v-on v-on指令用于監(jiān)聽DOM事件柴底，...

Tierney_John

概述 指令是帶有v-前綴的特殊屬性焙压，其值限定為單個(gè)表達(dá)式鸿脓。指令的作用是，當(dāng)表達(dá)式的值發(fā)生改變時(shí)涯曲，將其產(chǎn)生的連帶影響應(yīng)用到DOM上野哭。 此外，一些指令還可以帶有參數(shù)幻件，在指令名稱之...

Tierney_John

概述 Vue.js使用了基于HTML的模版語法拨黔，允許開發(fā)者聲明式地將DOM綁定至底層Vue實(shí)例的數(shù)據(jù)。 Vue示例代碼 Vue實(shí)例 在一個(gè)使用Vue.js框架的頁面應(yīng)用程序中...

Tierney_John

JavaScript引擎是基于單線程事件循環(huán)的概念構(gòu)建的傲武，它采用任務(wù)隊(duì)列的方式蓉驹，將要執(zhí)行的代碼塊放到隊(duì)列中城榛，當(dāng)JavaScript引擎中的一段代碼執(zhí)行結(jié)束，事件循環(huán)會指定隊(duì)列...

Tierney_John

在ECMAScript 5及早先版本中态兴，一直沒有模塊體系狠持，使得無法將一個(gè)復(fù)雜的應(yīng)用拆分成不同的功能模塊，再組合起來使用瞻润。因此喘垂，JavaScript社區(qū)制定了一些模塊加載方案，...

Tierney_John

概念 在ECMAScript 6中新引入了class(類)的概念绍撞，使JavaScript更像傳統(tǒng)的面向?qū)ο缶幊陶Z言正勒。class寫法讓對象原型的寫法更加清晰，不再需要用其它方式...

Tierney_John

概述 在ECMAScript 6中允許使用箭頭（=>）定義函數(shù)傻铣。箭頭函數(shù)的語法多變章贞，根據(jù)實(shí)際的使用場景有多種形式 箭頭函數(shù)的語法 單一參數(shù)、函數(shù)體只有一條語句的箭頭函數(shù)定義如...

Tierney_John

概述 在JavaScript中非洲，我們經(jīng)常需要在對象或數(shù)組中提取特定的數(shù)據(jù)賦值給變量鸭限，這個(gè)過程重復(fù)且繁瑣。 代碼示例如下 而在ECMAScript 6中两踏，為對象和數(shù)組提供了解構(gòu)...

Tierney_John

概述 在JavaScript中败京，對象的使用無處不在。而對象字面量則是JavaScript中創(chuàng)建對象的一種非常流行的方法梦染。因此在ECMAScript 6中赡麦，也對對象字面量的語法...

Tierney_John

rest參數(shù) 為了解決JavaScript函數(shù)傳入任意數(shù)量參數(shù)時(shí)，存在的一些小問題帕识，在ECMAScript 6中引入了rest參數(shù)泛粹，通過在函數(shù)的明明參數(shù)前添加三個(gè)點(diǎn)（...）...

Tierney_John

在ECMAScript 5中，并沒有提供在函數(shù)的參數(shù)列表中指定參數(shù)默認(rèn)值的語法肮疗。 想要為函數(shù)參數(shù)指定默認(rèn)值戚扳，可以使用如下方法實(shí)現(xiàn) 在這個(gè)示例中，url和timeout是可選參...

Tierney_John

概述 在ECMAScript 6 中族吻，引入了對字符串的操作進(jìn)行增強(qiáng)的方式模版字面量帽借。 基礎(chǔ)語法 模版字面量的基礎(chǔ)語法就是用反引號（`）來替換字符串中的單、雙引號 在模版字面量...

Tierney_John

概述 在JavaScript中有一種變量提升機(jī)制 超歌，即通過var關(guān)鍵字聲明的變量砍艾，無論在哪里進(jìn)行聲明,都會被當(dāng)成在當(dāng)前作用域頂部聲明的變量。盡管這種變量提升機(jī)制 作為Java...