[2020-02-05]近期整理

[pdji1602003]

學習紀錄

在接到功能需求時，我的思路順序(針對pagination)：

1. 先做出靜態頁面
2. 一個h1 tag
3. container沒有全滿
4. 每個頁面上10個list item
   1. 動態生成
   2. 點擊底下按鈕後發出request，（每次呼叫限定10筆）
   3. 回傳結果
   4. 渲染在頁面上
5. 頁面尾部10個pagination
6. 思考需要先做哪個功能？

The difference between GTM and GA

<main> tag裡頭可以包含<nav>嗎？

Main tag裡頭可以包含 nav嗎？main 標籤裡頭包含的是針對當前頁面的特地訊息。基於上述原因，若nav所含項目是針對當前頁面而設，那可以包含，但若是像整個網頁的nav的話，那可以自<main>提取出來放在header。

Header 跟nav

如何vertically center in an a tag

Title 跟heading 差異

如何使用align-self

理解align self 的使用情境

stretch的陷阱 預設值是stretch

What is api key

Hover 設在parent div上，而不是設在child element上。

Local variable undefined

Thank you for contributing your solution! I run into the same issue as you did and fixed it using your solution here. My coded differs from yours in that I didn't additionally declare a variable to contain the errorMessage. I think the problem here is that every local variable defined in the res.render actually belongs to res.locals and it should be made explicit by setting it to be <%= locals.errorMessage %> when passing to the view. *From here 👉🏻 Author's Index/Create/New Routes

How to add metadata that includes image in react?

meta data是可以接受相對路徑的。

React router

動態生成跟靜態的差異

Static site的真正意涵。

What is canonical url tag

Web scrapers

web crawler

%PUBLIC_URL%

學習如何reverse 到特定的commit ：

Hint: 使用git --reset

如何在react裡設置<img>：

將img的路徑以string儲存在變數內，接著引用該變數。
Primitive values are immutable.
node.js
What is firebase?
OAuth provider
What is sdk?
React router
Folder structure
@media (prefers-reduced-motion: no-preference)
What is parcel?

超出的部分就是overflow

white-space: nowrap;

css中的ellipsis(省略)

Height auto 的意思???

每點擊一下 往右移一個slide 使用transform:translateX去移動slide

如何消除scrollbar?

.container {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
.container::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}