分類: Frontend - MiniLab × Memo

F - Frontend / js2024-02-10發表2024-02-22更新6 分鐘讀完 (大約931個字)

[重新認識 Javascript 基礎] 什麼是基於原型的物件導向與原型鏈？

Javascript 是一個物件導向的語言，只不過是基於原型的物件導向，本篇筆記介紹什麼是基於原型的物件導向與原型鏈。

F - Frontend / css/html2023-11-07發表2024-02-22更新6 分鐘讀完 (大約941個字)

[react+scss] 快速在 create-react-app 中引用 scss 簡易開發

之前在 React 專案中使用了 CSS-in-JS。CSS-in-JS 的寫法雖然能解決樣式污染問題，但它的寫法較為多變，需要一定的時間來熟練，且轉化 CSS 語法較為麻煩。後來發現在 React 專案中也常能看到 SCSS 的使用，而且只要套用 CSS 的邏輯即可。本篇紀錄在已有 React（Create React App）基礎上的啟用 SCSS 的方法。

[react + typescript + jest] 為你的 react 項目引入測試工具與問題排解

F - Frontend / 技術工具 / react / test2023-11-05發表2023-11-10更新7 分鐘讀完 (大約1068個字)

[react + typescript + jest] 為你的 react 項目引入測試工具與問題排解

我的 react 項目是採 create-react-app ＋ typescript 創建的，現在要讓它加入 jest 測試項目，記錄整個創建過程及工具，過程中的問題排解。

F - Frontend / react2021-04-18發表2023-11-10更新7 分鐘讀完 (大約1114個字)

[React][✍練習]套用 css-in-js (Emotion 庫) 撰寫 CSS

[✍練習 ing]

練習 React JS 寫法與 css-in-js( Emotion 庫) 撰寫 CSS

F - Frontend / react2021-02-27發表2023-07-09更新11 分鐘讀完 (大約1686個字)

[React筆記 03] React 組件、函式與生命週期

整理React 組件、函式與生命週期用法重點筆記。

F - Frontend / react2020-11-14發表2023-11-22更新幾秒讀完 (大約99個字)

[React][✍練習][🚧進行中] 使用recharts進行圖表繪製

練習 Reactc 畫圖套件 recharts

F - Frontend / react2020-10-02發表2023-02-12更新1 分鐘讀完 (大約148個字)

[React][🚧進行中]做to-do list頁面

練習用 React 做 to-do list 頁面

功能：
- 可自由新增代辦任務/選擇優先度/預設類型/日期
- 新增列表後預設為OPEN，可更改為進行中（inprogress）->完成（Done)
- 列表可以依Tab顯示不同狀態
- 選取後可以刪除，或是右上角有全部清空按鈕

[✍ 修改 ing]

F - Frontend / react2020-10-01發表2023-07-09更新2 分鐘讀完 (大約262個字)

[✍練習][🚧進行中][react] 使用ramda整理資料

ramda 一款實用的 JavaScript 函數编程库

F - Frontend / css/html2020-09-15發表2023-11-06更新12 分鐘讀完 (大約1788個字)

[HTML & CSS][✍ 筆記] 初學 HTML & CSS

練習CSS & HTML 操作相關筆記．[✍ 持續更新]

F - Frontend / react2020-05-30發表2023-07-09更新4 分鐘讀完 (大約673個字)

[React筆記 02] react JSX 基本語法

上一篇已建立一個基本專案，開始可以對index.js做一些改寫練習，並練習如何使用 JSX 語法來撰寫。