閱讀本篇文章前，仔細想想看 到目前為止對於 TypeScript Interface 介面的理解到什麼程度呢？ 你認為 TypeScript 和第三方套件...
我們都知道使用 React 讓我們的應用可以擁有非常好的效能，但背後裡 React 到底幫我們做了哪些努力呢？今天就來初探一下 React 的渲染機制！ 當我們...
昨天介紹了 useReducer 的用法，但是還缺少了 global state 的機制啊？怎麼會說可能可以不需要 redux 了？今天就來介紹 context...
閱讀本篇文章前，仔細想想看 試問介面跟型別系統的差異性在哪？ 為何要儘量對程式碼進行抽象化的動作？ 如果還沒理解完畢的話，可以先翻看前一篇文章喔！ 什...
今天要介紹另一個 hooks - useReducer。光看第一行有些讀者可能就會有一些疑問了，udeReducer？看起來跟 redux 的 reducer...
閱讀本篇文章前，仔細想想看 如何宣告介面（Interface）？ 介面跟型別（Type）在語法上的差別與規則會是什麼？（筆者目前還沒講概念上的差別，讀者先...
《機動藍圖》篇章概要 本系列第二部分：《機動藍圖》（The Agile Blueprint）篇章涵括的範圍就是 TypeScript 的重頭戲。不外乎，筆者想...
昨天建立了 redux 的三元素 action、reducer 與 store，也將它們用 provider 包住會用到 state 的元件，今天來試著在元件中...
今天將直接實作 redux，如果不知道 redux 運作概念的讀者可以回去看看昨天的概念介紹喔～今天嘗試將 dark theme 與 light theme 實...
今天開始會進入 React 中比較進階的主題 - state management在前幾天中我們介紹了 state，也介紹了 props，我們了解一個 comp...
閱讀本篇文章前，仔細想想看 明文型別（Literal Type）是什麼？ 如何使用型別化名（Type Alias）？使用化名的好處是什麼？ 變數被指派廣義...
講到 SPA（single page application）與傳統網頁的差異，應該很多人會想到傳統網頁跳頁往往會有一段載入時間，導致畫面空白，讓使用者需要對著...
今天要來介紹在 React 中如何建構最基本的 form。 重點可以歸納出這幾項： 建立 state 變數，且與 input value 做綁定 設定 onC...
閱讀本篇文章前，仔細想想看 定義一個函式，最需要注意的點有哪些？什麼情形必須積極作型別註記呢？ 函式的輸出部分通常（但不是全部）可以不用作型別註記的原因為...
到昨天為止都著重在 JS 的部分，基本的功能已經可以完成了，但除了功能以外，網頁應用的外觀也是很重要的，所以今天就暫時把 JS 擺在一邊，看看在 React 中...
閱讀本篇文章前，仔細想想看 大概可以解釋普通 JS 物件（也就是 JSON 格式，或筆者所謂的狹義物件）在 TypeScript 裡的推論機制。 知道筆者...
《前線維護》篇章概要 第一次看到 TypeScript 的人，最先看到就是型別註記（以下會把程式碼有註記的部分用 ~ 顯示出來）—— 英文稱為 Type An...
action.js $(document).ready(function(){ var commodity_template = $('#commodity...
data.php $sql = 'SELECT * FROM commodity ORDER BY id ASC'; $statement = $pdo->...
通常聽到一門新的技術，第一句話會問的就是... 為何我要使用這門技術呢？ 貼心小提醒：如果單純想了解 TS 是什麼，以及優勢與缺點，可以跳過前文喔！...
昨天講解了 props 的應用，讓子元件可以接收來自父元件的資料。但是隨著應用規模的提升，透過型別檢查可以減少許多可能的錯誤。要達成這個目的，許多人會選擇 fl...
前言 紀錄一些檢查型別的方法，以及陣列去重比較乾淨的寫法 大綱 typeof 檢查型別 檢查是否為 undefined 檢查是否為 null 檢查是否為 Ob...
前言 exec() 看得霧煞煞 OTZ [偷米騎巴哥]正規式苦手超入門 pjchender私房菜 大綱 建立 Regex JS replace()...
參考資料 [偷米騎巴哥]正規式苦手超入門 大綱 Regex 實用工具 使用情境 常用旗幟 flag (g/i/m) 常用 特殊標點字元 ( . , ^...
說認真跨界找元素，對我來說一直都很陌生什麼父節點、子節點的 parent()、parents(); closest() 往上查找 只要找到符合條件的 就停止...
**字串陣列 Distinct ** const array = ['1','2','1','3']; const setType = new Set(arr...
老规矩，先上代码，帮忙指点下变量作用域在函式中的this无法再对应到window物件，这一点是要注意的。 驗證是否為window的物件，利用delete va...
所有的HTML元件的使用方式，大多可以由Ｗ3school習得 ;但是，Ｗ3school沒告訴我們的是為什麼要用這個元件？或者什麼時候用這個元件？更或者怎樣使用這...
所有的HTML元件的使用方式，大多可以由w3school習得 ;但是，w3school沒告訴我們的是為什麼要用這個元件？或者什麼時候用這個元件？更或者怎樣使用這...
HI！大家好，好久沒有記錄JavaScript的筆記了XD，在昨天研究Vue的時後突然看到了沒看過的東西，其實還有很多啦！只是這兩個function就剛好被我遇...
Maxwell Alexius
莫力全 Kyle Mo
iThome鐵人賽
看影片追技術