前端新米

本篇為 JSDC 2017 - R201#D105​ RxJS - 封裝程式的藝術 By Jerry Hong 這場演講的學習筆記。如有錯誤歡迎指正。

接續上篇【學習筆記】JavaScript 的陣列遍歷（ㄧ）：for/for…of/for…in/forEach，這篇筆記整理幾種 JavaScript 遍歷陣列的方法，探討其使用時機與彼此的區別：

• arr.forEach((value, index, array) => { // todo... })
• arr.map(value => { // todo... })
• arr.filter(value => { // todo... })
• arr.every(value => { // todo... })
• arr.some(value => { // todo... })
• arr.reduce((acc, value)=> acc + value)

這篇筆記整理幾種 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 列表屬性
• 更多項目標籤寫法參考：CSS list-style-type

其實過去在 Lidemy 課程中，也有提過 CSS 預處理器的觀念：[week 13] 前端工具之二 - CSS 預處理器、Babel，因為工作上需要使用，發現自己對語法還是不太熟悉，於是整理了這篇筆記。瞭解這套工具的由來，基本語法的使用，以及如何幫助我們解決前端開發可能遇到的問題。

Photo by Xan Griffin on Unsplash

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

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

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

關於 Angular

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

為什麼 Commit Message 很重要？

Git 在每次 Commit 時，需要寫下 Git Commit Message（提交說明），用來記錄提交版本更動的摘要。

任何專案都至少由兩個以上的開發者共同合作開發。

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