團隊戰報
拒絕奴性的網友
-
Day 10 - Algebraic structure
yo, what's up 本章要來介紹 FP 的重要觀念，Algebraic structure! What's Algebraic structure?...
Jing.tech 於 2021-09-25 發表 ｜ 1461 次瀏覽
-
Modern WebCanvas 小錦囊 系列 第 10 天Day 10 - 用 canvas 復刻 小畫家 放大鏡
動手寫看看 目前只能做到放大... const [magnifier, setMagnifier] = useState(false); //是否放大中...
雪莉 於 2021-09-25 發表 ｜ 745 次瀏覽
-
Day 09 - Type Signature
yo, what's up? 到目前為止，目前我們把最基本的概念 pure function, curry, compose 到比較進階概念 lens, tra...
-
Modern WebCanvas 小錦囊 系列 第 9 天
Day 9 - 用 canvas 復刻 小畫家 曲線
曲線 曲線有以下幾種方法 quadraticCurveTo quadraticCurveTo 是 Canvas 2D API 新增二次貝塞爾曲線路徑的。它需要...
-
Modern WebCanvas 小錦囊 系列 第 8 天
Day 8 - 用 canvas 復刻 小畫家 繪製圓形/橢圓形
圓形 嘗試ellipse 按照搜尋結果，我們一開始可能很直覺的會想到使用 ellipse ellipse 是 Canvas 2D API 添加橢圓路徑的方法。...
-
Day 08 - Transduce II
review 上一篇介紹了 transduce 基本概念後，就可以知道 transduce 就是對資料結構進行 transform 並 reduce， 其核心...
-
Modern WebCanvas 小錦囊 系列 第 7 天
Day 7 - 用 canvas 復刻 小畫家 繪製矩形與圓角矩形
繪製矩形 核心 先來學習繪製矩形的方法 strokeRect 使用當前的繪畫樣式，描繪一個起點在 (x, y) 、寬度為 w 、高度為 h 的矩形的方法。...
-
Day 07 - Transduce I
從一個簡單的問題開始 假設我們目前有一組長度為一百萬的陣列，需要將陣列內的每個數值乘三並且只保留偶數，那我們會如何實作這簡單的問題? 根據上面的問題，我們在實作...
-
Modern WebCanvas 小錦囊 系列 第 6 天
Day 6 - 用 canvas 復刻 小畫家 直線
直線 在上一篇章我們學會提取點擊時的位置，本篇章也會用到相同的 function，我們先將他移出。 const getClientOffset = (eve...
-
Day 06 - Lenses (Basic)
yo, what's up 今天要在 FP 裡很有用的概念 Lenses, 它可以減少在處理資料結構邏輯時的複雜度，並且可以寫出更容易閱讀以及更乾淨的程式。 從...
