Uncategorized – Page 50 – 庭喵的出包星球

網頁開發不思議

在用rem的情況下，用font-weight: bold; 跟用font-weight:bolder;
竟然是有差的，而且差別可大了。真神奇…

Node with React 課程筆記

進度：3-17

Dec.5.2019
首先看教學說要新增一個資料夾，叫server，還要創一個package.json，
使用npm init -y來創造出package.json檔案。
這個指令就是 npm init –yes 的意思，可以省去按Enter的步驟。

參考閱讀：
The best time to npm init

接下來要安裝express…我就跟著安裝了。

--save: Package will appear in your dependencies.

March. 6. 2020

express是一個library，是一些方便的方法的集合，類似lodash？可以讓寫server比較方便一點，當然寫純JavaScript也可以，只是用express會比較方便一點。

想像node是一塊荒野，express是一個機場，它會做出各種因應不同的request的飛機，來讓東西可以塞進飛機！

March.8.2020

打 heroku open 就可以到我的專案看看

Apr.4.2020

載入keys.js檔案，講師說因為它是 .js 所以可以省略它的副檔名。

React.js 常見錯誤

當用到 class component的時候，記得它是沒有括號的@@

React.js 注意事項

更新Node.js

Photo by Brett Sayles from Pexels

一開始是因為create-react-app這個指令不能跑，才來重新安裝一下node.js

首先確認node的版本，需要更新一下惹。
接著啟動魔法指令

npm install -g node

然後再檢查一次版本

噹噹～更新完成！！（抖抖抖

十月初爬山烤肉

十月初的時候去山上覺得很舒服。幽靜又冷，十分適合我這陰沉肥宅。
（照片朋友幫拍的）

React Patterns

來解析一個奇怪的pattern…我只能說我很少看過，所以覺得很怪。

const Width = ({ children }) => children(500);

這裡表示 width是一個function
這個function的參數也是一個function
就是children，在width這個function裡面執行動作：
【使用children這個function，並強制給予它參數500，不管到哪都是五百~】

react lifecycle

詳細圖表：
http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/

潮到出水不得不用的My JSON Server

Photo by Krisztina Papp on Unsplash

如果後端一直拖著不給api…最好的方法就是~~肛爆他們~~自己做一個假的api！

My JSON Server

使用方法敲級簡單：

1.在自己的git repo上面新增一個檔案叫db.json
內容可以隨意自訂，一開始要測試就直接複製它官網的吧
2.打網址請求，例：
http://my-json-server.typicode.com/catsheue/reactmiou/posts/1
catsheue/reactmiou
帳號名/專案名
這樣就實現了馬上製造假api的目的惹🤗