preloader
軟體工程

JavaScript 初學者必讀文章

JavaScript 初學者必讀文章,用來熟悉 JS 觀念:

  1. 深入了解物件模型 https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Guide/Details_of_the_Object_Model
  2. 繼承與原型鍊 https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Inheritance_and_the_prototype_chain
  3. 箭頭函式 https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Functions/Arrow_functions
  4. __proto__, prototype 的差異 https://medium.com/@peterchang_82818/javascripter-%E5%BF%85%E9%A0%88%E7%9F%A5%E9%81%93%E7%9A%84%E7%B9%BC%E6%89%BF%E5%9B%A0%E5%AD%90-prototype-prototype-proto-object-class-inheritace-nodejs-%E7%89%A9%E4%BB%B6-%E7%B9%BC%E6%89%BF-54102240a8b4
  5. 查 js 和 css 在各瀏覽器的可用情況 https://caniuse.com/
  6. bind() 用法 ,常見和 this 關鍵字一起使用。 Function.prototype.bind https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Function/bind
  7. let and var 用法與作用域 https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Statements/block
  8. 閉包 Closure 與 語法作用域 Lexical scoping 與 物件封裝私有方法 https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Closures
  9. Event bubbling https://developer.mozilla.org/zh-TW/docs/Web/API/Event/eventPhase , https://www.w3.org/TR/DOM-Level-3-Events/#event-flow
  10. Google Web fundamentals https://developers.google.com/web/fundamentals/

2018 前端工程師學習地圖,從網路上看到的整理資料

 

前端工程師面試題目參考:

  1. 30題前端工程師面試考題(英文) https://30secondsofinterviews.org/
  2. Frontend engineer interview map(英文) https://yuchengkai.cn/docs/frontend/