團隊戰報
拒絕奴性的網友
-
Modern WebCanvas 小錦囊 系列 第 25 天Day 25 - 用 canvas 做 煙火
慶祝國慶日啦 成功的 失敗的 import "./styles.css"; import React, { useEffect, useR...
雪莉 於 2021-10-10 發表 ｜ 1328 次瀏覽
-
Day 25 - Reader Monad
今天來介紹 Reader Monad，其主要處理的就是 dependency injection， 痛點 說到 dependency injection 如果最...
Jing.tech 於 2021-10-10 發表 ｜ 890 次瀏覽
-
Modern WebCanvas 小錦囊 系列 第 24 天
Day 24 - 用 canvas 畫個時鐘
前述 今天來畫個時鐘～！一樣利用 requestAnimationFrame，再判斷當前時間，每一秒往前進，就完成啦！ codesendBox import...
-
Day 24 - Travserable
在介紹 Task Monad 前，來介紹一個重要的概念， 想像一下，有一組陣列裡面的項目都是 userId，現在要將 userId 去做 http reques...
-
Modern WebCanvas 小錦囊 系列 第 23 天
Day 23 - 用 canvas 與 requestAnimationFrame 做 進度條
前述 雖然用一般的 css 就可以完成進度條，但為了符合主題，用了 canvas 來完成！ codesendBox import React, { useSt...
-
Day 23 - Either Monad
到目前為止，我們介紹 Maybe Monad 其是專門處理無值情境以及 IO Monad 則是處理同步計算的 effect，例如 console.log, lo...
-
Modern WebCanvas 小錦囊 系列 第 22 天
Day22 - 用 canvas 做 圈圈叉叉遊戲
前述 今天終於久違的真正完成了一個項目，一起來看看效果跟 code 吧！我就直接在 code 裡註記 操作囉～ codesendBox import { us...
-
Day 22 - IO Monad
上一章節簡單的介紹如何處理 side effect 的其中一個方法 dependency injection，而本章要介紹第二個方法 IO Monad，但在這之...
-
Modern WebCanvas 小錦囊 系列 第 21 天
Day 21 - canvas 玩拼圖 P5.js
今天本來要帶大家玩 用 canvas 完成拼圖 參考的範例在這裡 很可惜又是時間不足 先把目前完成的階段貼在這 import "./styles.c...
-
Day 21 - Handle Side Effect I
在介紹本篇我們先來複習一下先前在 pure function 那章提過的一些名詞 Side Effect: 當呼叫函式時，此函式會改變外部物件的狀態，則稱這...
