Liusan's Blog

這篇筆記整理幾種 JavaScript 遍歷陣列的方法，探討其使用時機與彼此的區別：

• for (let i = 0; i < arr.length; i++)
• arr.forEach((value, index) => { // todo... })
• for (let i in arr)
• for (let v of arr)

CSS 自訂列表標號與段落縮排教學：整理 list-style-type、list-style-image 等屬性用法，如何用背景圖或 icon 自訂項目符號、用 counter 計數器製作自動編號，以及 text-indent 縮排效果，解決預設標號樣式不符設計稿的常見需求。

Sass/SCSS 入門教學：認識 CSS 預處理器解決了哪些問題，整理變數、巢狀結構、混入（mixin）、繼承（extend）等核心語法與編譯方式，並說明 Dart Sass 時代 @use 取代 @import 的寫法，讓 CSS 更好維護。

Photo by Xan Griffin on Unsplash

「平凡的我啊，哪有時間低頭回望？」——《排球少年 264 話》

本篇主要在認識四種資料綁定，使用 todoMVC 提供的模板樣式練習。

• 可參考 DEMO / Github，這是合併 TodoList 和 Pomodoro 兩種功能的小專案，透過實作來練習資料綁定。

關於 Angular

The modern web developer’s platform（一套框架，多種平臺）

如何寫出好的 Git Commit Message？本篇整理 Commit Message 的規範與準則：Header、Body、Footer 結構與 type、scope、subject 格式，說明 What、Why、How 三要素，並附上團隊實務範例與常見 type 分類，讓版本紀錄更易讀、易維護。

本篇是參考官方文件，整理 React 內建的所有 Hooks API 功能。

實作新功能一定要在分支進行

不管是在個人專案，還是在多人協作時，都必須記得在實作新功能時，一定要在分支上進行：

以下介紹如何套用 Hexo 主題，以及自訂樣式：