Todo List: Vue.js Example

利用 Vue.js 簡單實作一個 Todo List。功能含有新增 / 修改 / 刪除 todo、更新 todo 狀態、切換檢視模式、查看各檢視模式下的數量。

vue.js todo list vue.js components


Currying in JavaScript(柯里化)

Currying(柯里化),又稱為 parital application 或 partial evaluation,是個「將一個接受 n 個參數的 function,轉變成 n 個只接受一個參數的 function」的過程。

functional programming javascript


Immutability 為何重要?淺談 immutable.js 和 seamless-immutable

這陣子為了使用 react.js 重構專案,看了不少相關資料,來整理一下 immutable.js 的部份吧。以下的內容包含 immutablility、immutable.js 和 seamless-immutable。

immutable seamless-immutable react.js immutable.js


2016 總回顧

每年過年期間我總會檢視過去一年的成果和訂定當年的年度計劃。2017 年的年假期間整理了 2016 年最有收穫的十件事,如果最近有約碰面,說不定可以分享一下彼此的近況和展望(與啟發?)。

年度回顧 Postcrossing 寶可夢 吃什麼 旅遊


Todo List: Redux with jQuery Example

Redux 是用來管理狀態(state)的框架,可以和 React、Angular、jQuery 甚至 Pure JavaScript 一起使用。 以下就簡單使用jQuery實作Todo List。

redux jQuery todo list


利用 Object.defineProperty 和 MutationObserver 實作雙向綁定

雙向綁定就是 (一)可以經由改變model的值而自動更新DOM的內容,並且 (二)經由改變DOM的內容而自動更新model的值。以下分這兩部份來實作...

javascript vue.js 雙向綁定 two-way binding


babel-register 無法正確讀取 CSS 相關檔案

babel-register 無法正確讀取 CSS 相關檔案的解法。

webpack babel