團隊戰報
寫 code 需要講幹話
前端嬌娃各自在公司打 code，沒人一起講幹話。
-
Modern Web我的Vue學習筆記 系列 第 24 天Day24-Vuex核心概念與結構(part2)
接續前面的內容，還有幾個東西沒有研究到... 3. mutations 前面是學到的向倉庫取資料的辦法，再來就是要學怎麼寫資料進去倉庫。唯一方法是提交(comm...
hsiu753 於 2021-10-09 發表 ｜ 1080 次瀏覽
-
Modern Web這個網站也太嗨！30 個網頁動態提案 系列 第 24 天
#23-用Canvas做Google恐龍遊戲(都市老妹生存記!能擊退經痛加班和渣男嗎?）
大家都知道Google斷線時會有小恐龍的離線遊戲，以前第一次看到的時候超驚喜！（我到現在斷線的時候還是會玩一下XD）品牌如果發揮一點創意，將品牌元素加進小遊戲裡...
Global Rachel 於 2021-10-09 發表 ｜ 2225 次瀏覽
-
Modern Web看初心者怎麼學React 系列 第 23 天
Day23 React 共享的State(一) Context
元件不只能從父元件接收傳下來的props資料，React提供的Context API，利用Context 創建一個全域的資料設定檔，換句換說就是共同的State...
Taco 於 2021-10-08 發表 ｜ 825 次瀏覽
-
Modern Web這個網站也太嗨！30 個網頁動態提案 系列 第 23 天
#22-掰惹Gif!用Sprite雪碧圖做動畫! (CSS & Canvas)
有時候會碰到網站要放GIF動畫，但GIF大小動輒幾M起跳，造成網頁Loading慢、圖片邊緣鋸齒，支援顏色也不多，不太完美。 這時候 sprite 雪碧圖就登場...
-
Modern Web我的Vue學習筆記 系列 第 23 天
Day23-Vuex核心概念與結構(part1)
結構 主要可以分為四個部分「state」、「getters」、「mutation」、「actions」，接著我們就一一的了解他們的功能吧! 1. State...
-
Modern Web看初心者怎麼學React 系列 第 22 天
Day22 瀏覽器上檢查你的React - React developer Tool
天呀，沒庫存今天又晚下班沒什麼時間，只剩8天了，不可以開天窗害我們組挑戰失敗啊！中途穿插來介紹一個可以提高開發React專案效率的瀏覽器擴充工具 - React...
-
Modern Web這個網站也太嗨！30 個網頁動態提案 系列 第 22 天
#21-用Canvas做科技感的動態球！（+什麼時候該用CSS/SVG/Canvas?）
今天正式進入Canvas的世界了！老樣子先看成品：今天來做點科技感的畫面，橘色是滑鼠的游標，這個是滿常看到的： 但在這之前，想先談一下到底是什麼時候該用SVG...
-
Modern Web我的Vue學習筆記 系列 第 22 天
Day22-Vuex簡介
終於到了vuex拉!! Day10時有說之後要來研究，沒想到這一天這麼快就到來，那就進入正題吧。 為什麼需要 Vue.js中最小功能單位是「元件」，當網站擴展管...
-
Modern Web看初心者怎麼學React 系列 第 21 天
Day21 React Styled-Components 元件自己的CSS
即時我們在不同元件分別引入CSS檔，但打包後其實每個CSS還是會整個專案共用。只想對單獨元件設立自己的樣式怎麼辦?我們可以使用Styled-Components...
-
Modern Web這個網站也太嗨！30 個網頁動態提案 系列 第 21 天
#20-有看到我的貓嗎？用offsetPath讓貓貓滾起來！(SVG)
偶爾會看到，往下滾，球就會跟著滾動的幅度以拋物線移動。 今天就來使用SVG的Path做做看！其實是我做好的第二個版本，第一個是使用GSAP & Scro...
