團隊戰報
拒絕奴性的網友
-
Modern WebCanvas 小錦囊 系列 第 5 天Day 5 - 用 canvas 復刻 小畫家 挑選顏色（顏色選取器）
選取器 選取器使用到 getImageData ctx.getImageData(sx, sy, sw, sh); 利用 getImageData 可以得到指...
雪莉 於 2021-09-20 發表 ｜ 1292 次瀏覽
-
Day 05 - Ramda
yo, what's up Ramda 是一個 Functional Programming 的函式庫，而 Ramda 的所有函式都有自帶 currying....
Jing.tech 於 2021-09-20 發表 ｜ 1810 次瀏覽
-
Day 04 - Function Composition
yo, what's up 今天就來談談 Functional Programming 的核心，Compose. 有了這個概念後，就可以把多個功能單一的函式組合...
-
Modern WebCanvas 小錦囊 系列 第 4 天
Day 4 - 用 canvas 復刻 小畫家 填入色彩, 橡皮擦
填滿色彩 在點擊畫布時，使用 fillStyle 先填上顏色，再覆蓋整個畫布 /** * 滑鼠點下畫布後開始畫畫 or 填滿 */ const handleMo...
-
Day 03 - Curry
yo, what's up? 今天要來介紹 Functional Programming 重要的概念，Curry. Curry 的功用? 我們先來看一個簡單的函...
-
Modern WebReact.js 職場實戰！最常見的需求與解法！ 系列 第 3 天
React.js 職場實戰！圖片 Infinite List
一天的開始 還記得嗎？你是負責 Imager 的前端工程師，上次做了 Lazy Loading 改善了資源浪費的問題，公司對你的表現非常的滿意。 但有幹勁的你...
Harry 哈利 於 2021-09-18 發表 ｜ 942 次瀏覽
-
Modern WebCanvas 小錦囊 系列 第 3 天
Day 3 - 用 canvas 復刻 小畫家 畫筆
說明 根據 MDN 的教學 一開始canvas為空白，程式碼腳本需要先存取渲染環境，在上面繪圖，然後才會顯現影像。 素有一個方法(method)叫getCon...
-
Day02 - Pure Function
yo! what's up! 本篇文章會簡單地介紹基本的 Functional Programming 概念，這些概念不僅重要，更是貫穿了之後的主題。 Pure...
-
Modern WebReact.js 職場實戰！最常見的需求與解法！ 系列 第 2 天
React.js 職場實戰！圖片 Lazy Loading
一天的開始 你是新創公司 Imager 底下的前端工程師，Imager 提供的服務非常簡單，就是能在網頁瀏覽各式各樣的圖片，網頁已經上線並正常的運作中，我們來...
-
Modern WebCanvas 小錦囊 系列 第 2 天
Day 2 - 用 canvas 復刻 小畫家 材料準備
前述 預計會花十五篇到二十篇使用 React 做出復刻 XP 的小畫家！讓大家在過程中也可以學習到相關的 canvas 技巧，不會 React 的人也不必擔心，...
