念念不忘,必有迴響。有一口氣,點一盞燈,有燈就有人。

為什麼 Object 與 Array 是 Truthy Value ?

為什麼 Object 與 Array 是 Truthy Value ?

原則上 empty value 都是 Falsy Value,但有兩個例外:Object 與 Array 永遠是 Truthy Value,這是為什麼呢 ?

如何判斷 null 與 undefined ?

如何判斷 null 與 undefined ?

nullundefined 是 ECMAScript 很特別的存在,實務上常常必須判斷 nullundefined,但如何才是最好的判斷方式呢 ?

ECMAScript 之 Logic Operator

ECMAScript 之 Logic Operator

&&|| 為 Logic Operator,在一般語言,Logic Operator 的左右兩側 Expression 都是 Boolean,回傳結果亦是 Boolean,但 ECMAScript 的 Logic Operator 允許左右兩側 Expression 可以是非 Boolean,因而衍生出一些其他的應用。

Vue 之 Vuex

Vue 之 Vuex

Vue CLI 已經支援 Vuex,我們可由 Vue CLI 快速建立使用 Vuex 的專案。

Vuex 簡介

Vuex 簡介

若 Component 間很單純,我們使用 Prop 與 Event 溝通即可,但若 component 間很複雜,而彼此之間又有 data 改變造成連動,使用 Prop 與 Event 就會很麻煩,此時就要使用 Vuex。

如何判斷 Boolean ?

如何判斷 Boolean ?

假如熟悉其他程式語言,對於 ECMAScript 的 Boolean 判斷可能會踩到雷。

Vue Component 之 Mixin

Vue Component 之 Mixin

若多個 component 間有共用的 property,則可抽成 Mixin 讓多個 component 共用,類似 PHP 的 Trait。

Vue 之 Vue File

Vue 之 Vue File

之前都是使用 ES5 開發 Vue,現在要開始進入 Node.js 生態圈,使用 ECMAScript 2015 + Webpack 開發 Vue。

ECMAScript 2015 最大的貢獻就是提出 module 概念,讓我們可依照 SOLID 的 單一職責原則 來開發 JavaScript,不再如 jQuery 一樣總是寫出上千行程式碼。

Vue Component 之 Event

Vue Component 之 Event

Vue Component 的 prop,只能解決 data 由外層 component 傳給內層 component,若要將 data 從內層 component 傳到外層 component 呢 ?

這時候就要使用 Vue Component 的 event,這也是 Vue 從 React 學來的部分。

ECMAScript 之 Truthy 與 Falsy Value

ECMAScript 之 Truthy 與 Falsy Value

ECMAScript 除了有 Boolean Primitive Type 外,還有獨特的 Truthy Value 與 Falsy Value 概念;簡單的說,其他 type 也能自動轉成 Boolean,這使得 if&&|| 有了更多的應用。