> For the complete documentation index, see [llms.txt](https://ayugioh2003.gitbook.io/front2end/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ayugioh2003.gitbook.io/front2end/front/javascript.md).

# Javascript

## 系列教學

* [JavaScript 30 — Build 30 things with vanilla JS in 30 days with 30 tutorials](https://javascript30.com/)
* [104 JavaScript 程式設計 陳鍾誠- YouTube](https://www.youtube.com/playlist?list=PLZGnAhii0wHxJCFj_KplXC_PoA4i78rnE)

## 原來 JS 語句的尾巴不一定要加分號!

* [JavaScript 裡的語句用分號結尾是個選項嗎 - eddychang.me](http://eddychang.me/blog/javascript/97-js-semicolon.html)

## 原型

一開始根本搞不懂原型的概念，看了這篇 [JavaScript 世界萬物誕生記 - WEB 前端 - 伯樂在線](http://web.jobbole.com/88493/?utm_source=blog.jobbole.com\&utm_medium=relatedPosts) 兩次都還看不懂

後來稍微明白，物件有 `object.__proto__` 這個屬性，而函數有 `function.prototype` 這個屬性。函數建構子 new 一個物件後，`object.__proto__` 會 == `function.prototype` ，因此物件就得到了建構子的屬性和方法，好像就是繼承的意思

* [從**proto**和 prototype 來深入理解 JS 對象和原型鏈 · Issue #9 · creeperyang/blog](https://github.com/creeperyang/blog/issues/9)
* [constructor, prototype, **proto** 詳解 - JSer - SegmentFault](https://segmentfault.com/a/1190000003017751)
* [\[譯\]JavaScript: **proto** - 紫雲飛 - 博客園](http://www.cnblogs.com/ziyunfei/archive/2012/10/05/2710955.html)
* [JavaScript 中**proto**與 prototype 的關系 - snandy - 博客園](http://www.cnblogs.com/snandy/archive/2012/09/01/2664134.html)
* [實體關係的確定 - JavaScript | MDN](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Obsolete_Pages/Obsolete_Pages/Obsolete_Pages/再談屬性的繼承/實體關係的確定)
* [JavaScript 原型鏈簡易說明](https://gist.github.com/doggy8088/2dca115c2adbba8770ef94d5fe624f6f)
* [JavaScript.tw](https://www.facebook.com/groups/javascript.tw/permalink/945119642256041/)
* [Front-End Developers Taiwan](https://www.facebook.com/groups/f2e.tw/permalink/1171453769558653/)

## Flexbox

* [Flexbox basic / 網頁基礎15天 - Blog](https://www.everyonecanwebsite.com/blog/post/flexbox-basic?utm_source=ptt\&medium=post\&utm_content=flexbox)