這邊的東西實在還蠻雜的 XD,所以我就依照種類來推薦一些我覺得不錯的好了。
想看跟 CSS 有關的
- 一步一步認識Grid
- 在學響應式設計前,你應該先知道這些。
- CSS 垂直置中
- CSS 中的 counter 屬性
- CSS 中 html 與 body 的向上傳遞行為
- 在 CSS 中做字串拼接
- CSS 好用的 filter 屬性
- CSS 多行文字顯示 … 的效果
- CSS 利用 Sprite 來提升效能
想看跟 JavaScript 有關的
- 理解 function 傳遞參數的機制
- 實作模組機制
- 實作 JSONP
- 先理解作用域跟回傳值,再來談閉包。
- 從遊戲來認識 CORS 與瀏覽器的限制
- 理解什麼是 race-condition
- 事件傳遞機制-捕獲與冒泡
- Promise 的小技巧
- DOM 清掉惱人的文字節點
- 什麼是 AJAX?
- 利用 IntersectionObserver 來製作無限滾動
- 從設錯參數來學習 async 與 sync 的差異
- 從 fetch 來認識 Promise
- 學 hoisting 之前先理解 EC 是什麼?
- 理解原型鍊的運作
- 從 ECMAScript 來理解閉包與作用域的原理
- 閉包的實際應用:throttle 和 debounce
- 重新理解 this 的值
想看跟 React 有關的
- React 的第一個 hook:useState
- React 的第二個 hook:useRef
- React 的第三個 hook:useEffect
- React 的第四個 hook:useLayoutEffect
- React 的第五個 hook:memo
- React 的第六個 hook:useCallback
- React 的第七個 hook:useMemo
- React 的第八個 hook:useContext 與 createContext
- 初探 Class-component
- React class component 的生命週期
- 初探 Redux
想看跟後端有關的
- 利用 Cookie 實作登入機制
- 當 Cookie 被竄改會怎麼樣?
- 用 PHP 實作分頁功能
- 資料庫中的 Transactio、ACID 和 Lock
- 資料庫中的 View、Stored Procedure 和 Triggers