[2020-04-03]3月份知識點整理

[pdji1602003]

近期整理

待讀文章/Links：

1. [鐵人賽]30 天打造 MERN Stack Boilerplate
2. [Youtube]React Image Slideshow Tutorial
3. [鐵人賽]Half-Stack Developer 養成計畫
4. 理解Event Handler

-o的意思：-o 是output的flag

"build:css"："tailwind build src/style.css -o dist/style.css"

React知識點

1. React Class組件是有生命週期的。
2. 組件參數型態驗證的重要性以及如何進行型態驗證：npm install --save prop-types
3. useRef:取得某種element的元素，並在不rerender的情況下對其使用某些方法。
4. customhooks必須以use開頭

近期學到的methods/syntax

1. Object.hasOwnProperty
2. Number.isInteger()
3. [...str].reverse().join("") == str
4. Array.prototype.every()
5. Array(9).fill(null)
6. Array.prototype.flat()
7. Array.slice不會mutate 原本的數據
8. forEach沒有返回值
9. class一定需要constructor初始化嗎？不用。
10. 取得array 裡nested的值，使用array destructuring

var robotA = { name: "Bender" };
var robotB = { name: "Flexo" };

var { name: nameA } = robotA;

function greetPeople(names) {
	return names.map(n => `Hello ${n}`).join(', ');
}

Object.entries用於列出物件上所有的[鍵, 值]對，可用於檢查是否為空物件

function命名方式

人們預設一個取名為showTime的function，不會有返回值。

function showTime() {
    return something => 取名叫showTime卻有返回值，feels weird
}

CSS相關知識點

1. fixed的定位相對於view port
2. CSS Grid 不就像bootstrap一樣的概念嗎？

其他

1. 什麼是profiling?
2. 當你按下^C時，你實際上在終止development server的運行。
3. 理解什麼是Unix時間戳
4. 什麼是Port
5. 什麼是static file
6. Difference between library and framework (通常可以按照dependency來判斷是否是library/framework)