2020 年 8 月

React carousel

2020年8月30日

需求功能： 要有swipe功能 無限loop 參考文章： Create a react carousel using react hooks 用了flex, hook React Hooks Slider: How to Build an Image Slider With React Hooks...

用 translate3d 取代 translateX

2020年8月29日

記得之前自己做輪播的時候主管教的 用 translate3d 取代 translateX，效能會比較好 查了一下詳情： How to GPU accelerate CSS transform?...

React tooltip

2020年8月26日

https://morioh.com/p/35861cd474a2 運用新的技術解決tooltip的index問題...

Waffle Please 比利時列日鬆餅

2020年8月24日

週五下午事情告落，主管心情不差的樣子，請大家鬆餅 花生醬卡士達鬆餅，很好ㄘ～！🥳🥰🤗 週一主管心情不好，又點了鬆餅（蝦？） 焦糖卡士達鬆餅…感覺味道搭起來沒有很喜歡...

useCallback

2020年8月16日

When to use React.useCallback() Your Guide to React.useCallback() Performance Optimizations React Hooks 第一期：聊聊 useCallback...

專案checklist

2020年8月11日

．component有更新，一定要跑npm run compile2...

git資料夾大小寫

2020年8月7日

ex: dist資料夾有一個folder叫 LunaCute 後來改成 lunaCute之後， git 無法判斷 lunaCute的 L變成大寫了 所以再怎麼push，還是一樣會是小寫 這時候可以：刪除整個資料夾，push(刪掉的進度)，之後再再推新的資料夾上去...

React Router教學

2020年8月6日

Route Matchers 幾乎是最重要的部份！連結要「深入淺出」 <Route path="/contact/:id"> <Contact /> </Route> <Route path="/contact"> <AllContacts /> </Route> 在這裡如果連結是 /contact...

有做lazy loading的網站

2020年8月6日

https://stripe.com/docs...

安裝最新套件

2020年8月5日

先刪除舊的！ rm -rf node_modules/ 或是 npm uninstall xxx 再npm install 之後 再手動安裝 npm install git+ssh://git@lunacute.com/jelly.git 就會裝到最新版本了～就跟安裝 react router一樣…...