鐵人檔案
（入門~初階程度）
可能包含：名詞解釋、易混淆觀念的統整，或常見的面試題實作。
內容應該會偏重JS，補充一些HTML/CSS，或加一點點React。
以成為前端工程師為目標，希望能完整的對前端相關技術進行表述。
如果有或建議改進的部分，還請不吝指教 :D
( 今天的文章要寫React的相關問題，完全沒有寫過React的人，建議從中文官方文件開始練習。) React與其他JS框架有個很大的特色，就是將會重複使用的程...
今天要解釋的是: 如何將下層State提升給上層元件。 但如果沒有舉例真的太抽象了，所以就乾脆做個功能，邊進行解釋吧。 實作一個購物清單功能為例 功能包含:...
用途 useEffect能夠指定元件(component)渲染(render)完畢後，執行function。 React 會記住被傳入useEffect的f...
用途 key 是一個建立陣列(array)時，必須使用的字串 屬性(string attribute) React 會用 key 來分辨陣列裡元素(elem...
mutable vs. immutable 在開始說明前，先複習一道題目: var a = {}; var b = a;...
Redux Redux 跟 React 並沒有關係。你可以用 React、Angular、Ember、jQuery 或甚至原生 JavaScript 來撰寫...
這篇來把上一篇跳過的action補上，然後會補充一點之前沒講過的super()和React Refs。 上一次完成到建立store到顯示資料，今天會使用acti...
Formatting Context 所有的HTML元素，在CSS裡都可以視為box(盒子)，在Normal Flow裡的boxes會具備formatting...
今天也是複習CSS，是非常之基礎的box-sizing。 Box Model 前一篇文提到，HTML元素在CSS裡都可以視為box，這是基於CSS Box M...
首先，預設範例的層級關係是這樣: <!-- HTML --> <div class="parent translate"&...
