---
# System prepended metadata

title: Shenny 的前端筆記
tags: [六角筆記王, 前端筆記]

---

###### tags: `六角筆記王` `前端筆記`

Shenny 的前端筆記
===

- [關於我](/LpNDig7CQC6N9TWMSIAc2g)

六角筆記王活動
---
- [target=_blank][活動訊息](https://www.hexschool.com/2021/07/22/2021-07-22-js-writing/)
- [HackMD 講義](https://hackmd.io/@o9ZLEqeZQ8e7u_JXSPfjsQ/Sk95CsMAu)[target=_blank]
- [洧杰整理的 note](https://hackmd.io/7ErFyRv0SaqF5o4Y6aObbw?view)
- [Youtube HackMD 教學](https://www.youtube.com/watch?v=msY4g36daUo)[target=_blank]

---
⏣ HTML、CSS
---
- [flex 伸縮比](/VdNkZrq9St-hClWEtgOwfw)
- [calc](/sdH2wtKTR2K9TZaE-TZ9WQ)
- [grid](/lUvnYMCQTSKab4SZCJS85g)
- [css-ellipsis、word-wrap、white-space](/XVolxd02QeGeA__6p4zt-Q)
- [pointer-events: none、cursor:no-drop](/3XECIJRGTjaZUoQSnOwbqw)

⏣ JavaSctipt
---
- [Array.from() ](/9qber9rKSxCy0k3a2EPyYA)
- [轉型成字串的方法](/fj2irLuURkSS3aXGcKbRoQ)
- [indexOf](/yvM6Ym50QhecO03YsxT54Q)
- [Math.floor()、Math.ceil()](/mneViFt9SKyTFpfWsic6_g)
- [Array.prototype.slice() ](/qzZxRV89S0SbbPxmLk5y4Q)



⏣ React 
---
- [ustate(預計8/21完成)](/ydhbNT4GQNSObLFsGOAb_A)
- [useEffect(預計8/21完成)](/K8eljxnGTKW_iCl8NlOFwQ)
- [styled component(預計8/28完成)](/l5xugsd-SKSXSrruAwXCEA)
- [useContext(預計8/28完成)](/sRAN3zh_TBq43aMnF0wAdA)
- [useRef(預計8/28完成)](/-jOXr08zRMmWWThSjv1WNg)

- [useCallback、useMemo](/6lMpO6-NS96E9QFlCowf6Q)
- [React.Children.map()](/zE5WP2cFSPebGASzOX6uZg)
- [React.cloneElement](/A1mxTJeXQWCBdepH37zsUw)
---


⏣ 自動化測試
---

值得收藏同學的筆記
---
### React
- [毛毛前端筆記 📚](https://hackmd.io/@JohnsonMao/Front-end)[target=_blank]
- [藍莓的筆記](https://hackmd.io/@blueberry/HJAC58ACd/)[target=_blank]

### Others
- [Vivian 學姊筆記](https://hackmd.io/@o9ZLEqeZQ8e7u_JXSPfjsQ/S1EW2d5R_/%2Fp1-gatUhRuq6QVIA11_4rA)[target=_blank]
- [WangShuan - 前端總匯](https://hackmd.io/@WangShuan/SJN8znwRO/)[target=_blank]
[target=_blank]
- [薰的筆記 📖](https://hackmd.io/@chiaoshin369/Shinbook/self)[target=_blank]
[target=_blank]
- [Vic' Note](https://hackmd.io/@BcaQM8-AS9uLVmaEplMBZw/SyXOXlvCd/)[target=_blank]
- [↑↓←→ABAB | 索引](https://hackmd.io/@herbalice/B1IV0BEkK)[target=_blank]
- [Jane Lin - 六角_2021 程式體驗營](https://hackmd.io/@as60160/SyLlsv9YO)[target=_blank]
- [珍妮的筆記](https://hackmd.io/@unayojanni/HyzWz9R0u/https%3A%2F%2Fhackmd.io%2FeYEVXGmiRsSEYO857DQSyg)[target=_blank]

其他資源
---
- [Hackmd 教學](https://hackmd.io/c/tutorials-tw)