isFirstRef
const isFirstRef = useRef(true); useEffect(() => { if (isFirstRef.current) { isFirstRef.current = false; return; } ...........code to run......... }, ...
Read more2021 年 3 月
前端學習懶人包
推薦網站： W3Schools Online Web Tutorials Developer Links 推薦的書： 以下是我覺得新手應該適用的書 網頁美編的救星！零基礎也能看得懂的 HTML & CSS 網頁設計 金魚都能懂的 CSS 選取器 最潮HTML5+CSS3網頁版型設計 深入淺出Java...
Read morestyled-components
我只知道用起來蠻爽的，因為不想要像tailwind css 寫一堆class在JSX上 （覺得看起來不好看） 不過eslint的檢查功能會失效，上網找到這個套件來用用： eslint-plugin-styled-components-a11y...
Read more圖片資源站
https://www.canstockphoto.com/ https://www.storyblocks.com/ https://dominica.desertcart.com/ https://www.123rf.com/ https://www.iconfinder.com/ https:...
Read moreReact Keys
不能重複 不能用uuid之類的，因為它每次都宣告一次會不一樣 一般如果來的資料裡，有獨一的id的話就用它（例如 item.id 如果沒有id，列表是不會變的話，可以用function給的index 如果列表是會變的話，不能用function給的index How to Choose a Key in...
Read more修改iframe的CSS
接到一個需求要改iframe的樣式，嘗試發現可以，不過在不同的domain會有問題。 正確實作： http://react-truffle.pinkjelly.org/iframe 有些文件要研究一下： HTMLIFrameElement contentDocument contentWindow...
Read moreNext.js 懶人包
【圖片要放哪裡】 可以放在public資料夾裡，詳細可以看 Static File Serving 【要怎麼改port？】 像這樣： "dev": "next dev -p 3005", 【styled-components要怎麼加？】 除了安裝之外還有其它設定工作 如果用TypeScript的話要...
Read more