目录 [10.12更新]

前言

（入门~初阶程度）

篇名"登堂入室"，写得冠冕堂皇也只是因为喜欢很台的发音:D
想到朋友用台语念"踏门入室"觉得很霸气很有趣，本来登堂入室也有精进自己的意思!

• 文章的主题会尽量挑常见的问题，也会稍微依据自己的学习进度。
• 绝对不适合用来打基础，建议用途是复习。
• 如果懒得看太多字，重点都在 粗体 和 粗斜体 。

题目来源

1. 前端工程师面试问题集 - H5BP
2. 前端面试问题

就是Google最前面会出现的几个条目，还有其他爬文常看到但我没把握解释的名词。

有一些很基础的观念，例如

• let/var/const的比较
• ==和===的差异

都是很重要的问题，但我没有花篇幅写进这系列文章，没有概念的话还是要自己复习!

目录

• JavaScript
  1. 解释 Scope ( Global scope / Function scope / Block scope )
  2. 解释 Closure ( Scope chain )
  3. 解释 Hoisting
  4. 关於 Constructor Function
  5. bind, call, apply 的差异
  6. Prototypal inheritance 的运作原理
  7. 解释 Event Loop ( 上 ) --- Call Stack
  8. 解释 Event Loop ( 下 ) --- Task Queue ( Callback Queue )
  9. this 题型练习 & 订正
  10. 解释 AJAX 的工作原理（XMLHttpRequest）
  11. 解释 Callback Hell & 使用Promise
  12. 使用 async & await （Fetch API）
  13. 关於 IIFE 的 4 题练习
  14. 解释 Event bubbling & Event delegation

• 网路相关
  15. HTTP request methods ( 上 )--- GET vs. POST
  16. HTTP request methods ( 下 )--- PUT vs. PATCH
  17. 解释 Same-Origin Policy
  18. 解释 JSONP 如何运作
  19. Cookie/ LocalStorage/ SessionStorage 的差别

• 框架相关
  20. React Hooks 想改善的问题 ( + 简单实作 useState)
  21. React简易实作 购物车清单(将下层State提升给上层元件 )
  22. React Hooks --- useEffect
  23. React key 的用途
  24. 解释 immutable / immutability
  (immutable其实是JS的观念，但因为在React的PureComponent会比较需要，所以放在这里。)
  25. Redux 的用途 & 入门实作 (上)
  26. Redux 的用途 & 入门实作 (下)

• CSS
  27. 解释 CSS 的 BFC(Block Formatting Context)
  28. 解释 CSS Box Model ( box-sizing )
  29. CSS 水平置中/ 垂直置中的方法
  30. CSS 的 z-index & Stacking Context 的形成

【後如内文有误，希望还请不吝指教>< 并感谢阅览至此的各位:D】

-----正文结束-----

边打边听OOR的歌《欲望に満ちた青年団》，国中认识他们的时候主要喜欢听乐器的编制，现在觉得TAKA的歌声真的很有魅力~
2021.9.1

写满10篇了！浏览数比我想像的多超级多，原本觉得有人看就是奇蹟了。虽然点进去不一定会看完，但想到也有人在认真学习，就觉得更需要督促自己努力。
2021.9.11

有点迟才完成30篇文章，目录整理完才终於有完成了的感觉!
2021.10.12