鐵人檔案
透過30天的時間重新認識JavaScript，希望瞭解/釐清JavaScript底層觀念，並用自己的方式詮釋，以做為學習筆記，方便日後查閱。
當任何的事件發生時，瀏覽器就會為這個事件創造一個物件，我們稱為事件物件(Event object)。它會提供與當前事件相關的所有資訊，依照事件類型的不同，會帶...
第18篇有提到過Fetch的用法(連結)，這篇要實際使用Fetch來做簡單的Api串接。 首先介紹一款免費的API - Joke API，可透過query讓...
終於要到了鐵人賽的尾聲了，筆者一直想在最後幾篇來了解一下React，所以趁現在JavaScript應該算是告一個段落時，來開始認識他的函式庫React了! 什麼...
在開始React之旅前，必須先了解一下什麼是SPA。相較於過去使用的多頁式(MPA)網頁開發，大多是一個一個頁面切換，點選一個按鈕，重新載入另外一個頁面。現今前...
建立元素 我們可以透過以下函式來建立一個React元素: React.cloneElement(element, [props], [...children])...
設定style屬性 上一篇有提到我們可以在React.createElement的第二個參數設定React元素屬性，而style樣式也是屬性的一種，只是它是一個...
建立子元素 React.createElement("標籤名稱",｛屬性object}, "子標籤") createEl...
前面介紹了如何用JSX語法建立React元素，接著這篇會記錄如何建立React元件，即前面提到的React的核心觀念-Component。 React Comp...
Props 是傳遞給 React Component 的參數。 Propse 透過HTML屬性傳遞給Component。 使用Props React Pro...
React Component 只能透過資料狀態的改變來更新 UI，而 React 元件有兩種資料來源： Props: 透過外部(父元件)傳進來的元件，是唯...
