#純靠北工程師3vt
----------
一個基於 React 開發的管理平台，9成的程式碼沒用到 state、prop,更別提 redux 或 flux了...
整坨 code 滿滿的 ref 、一堆 extend(非react component的規範),然後又包來包去的是在包啥看的霧煞煞，一隻js 檔 快到千行的都有，F12 developer’s tool console 開起來紅字警告600個起跳，所有資料更新與狀態更新...等操作，完全仰賴後端開API，因此要完成一個頁面可能就無限隻API來回亂打，整個平台用起來就是不流暢，怪異表現一堆，再加上一點都不直覺的、非大家習慣的UI/UX，真的很佩服還有某 D 大公司購買使用....，然後就很常聽主管分享他的開發方式，有時候我都想問，你用了 react ，卻完全不符合 react 精神與規範，那你幹嘛還用，寫成這副德性，然後一直跟我說就怎樣怎樣繼承一下應該很簡單吧？工作KPI也開的很模糊，...嗯好ok，要講講不完，先靠背到這。
----------
🗳️ [群眾審核] https://kaobei.engineer/cards/review
👉 [GitHub Repo] https://github.com/init-engineer/init.engineer
📢 [匿名發文] https://kaobei.engineer/cards/create
🥙 [全平台留言] https://kaobei.engineer/cards/show/5033

[好文推薦] 30 天學會 JavaScript！免費！全中文喔！

文章連結：https://goo.gl/UN7EBZ

--------（本文開始）--------

今天推薦的是由「IT 邦幫忙」網站的一個系列文：「I Want to Know JS」。它用 30 + 2 篇幅，很完整地介紹了 JavaScript。如果想學 JavaScript 的朋友，不妨閱讀看看！

前面的 30 篇，分別是介紹 JavaScript 的正文。分別是：

01. Why Do I Want To Know JS
02. JavaScript - 原始型別概述
03. JavaScript - Built-In Objects 概述
04. JavaScript - 原始型別個別介紹
05. JavaScript - 物件 與 屬性
06. JavaScript - 變數
07. JavaScript - 參數傳遞方式 (1)
08. JavaScript - 參數傳遞方式 (2)
09. JavaScript - Function
10. JavaScript - Lexical Scope
11. JavaScript - Scope 單位 & 查找
12. JavaScript - Hoisting
13. JavaScript - Closure (1)
14. JavaScript - Closure (2)
15. JavaScript - Scope 實作建議
16. JavaScript - call，apply，bind
17. JavaScript - This (1)
18. JavaScript - This (2)
19. JavaScript - This Priority
20. JavaScript - 物件導向 (1)
21. JavaScript - 物件導向 (2) - 建立共用函式
22. JavaScript 物件導向 (3) - 繼承原型方法
23. JavaScript 物件導向 (4) - With ES6
24. JavaScript - Prototype Chain
25. JavaScript - Coding Style (1)
26. JavaScript - Coding Style (2)
27. JavaScript - 非同步執行
28. JavaScript - Promise (1)
29. JavaScript - Promise (2)
30. I Want To Know JS - 結語

後面有兩篇關於「屬性描述器（Property Descriptor）」補充：

1. JavaScript - 屬性描述器 (1)
2. JavaScript - 屬性描述器 (2)

相信整個系列讀下來，應該對各位 JavaScript 的功力進步很有幫助才是！

希望大家喜歡今天的分享！請大家多多按讚鼓勵、或追蹤我的 FB、YouTube、以及 Instagram 喔～

---------------

Facebook 粉絲頁（歡迎追蹤）： https://goo.gl/N1z9JB
YouTube 頻道（歡迎訂閱）： https://goo.gl/pQsdCt
Instagram 日常生活： https://goo.gl/nBHzXC

[好文推薦] 30 天學會 JavaScript！免費！全中文喔！

文章連結：https://goo.gl/UN7EBZ

-\-\-\-\-\-\-\-\（本文開始）-\-\-\-\-\-\-\-\

今天推薦的是由「IT 邦幫忙」網站的一個系列文：「I Want to Know JS」。它用 30 + 2 篇幅，很完整地介紹了 JavaScript。如果想學 JavaScript 的朋友，不妨閱讀看看！

前面的 30 篇，分別是介紹 JavaScript 的正文。分別是：

01. Why Do I Want To Know JS
02. JavaScript - 原始型別概述
03. JavaScript - Built-In Objects 概述
04. JavaScript - 原始型別個別介紹
05. JavaScript - 物件 與 屬性
06. JavaScript - 變數
07. JavaScript - 參數傳遞方式 (1)
08. JavaScript - 參數傳遞方式 (2)
09. JavaScript - Function
10. JavaScript - Lexical Scope
11. JavaScript - Scope 單位 & 查找
12. JavaScript - Hoisting
13. JavaScript - Closure (1)
14. JavaScript - Closure (2)
15. JavaScript - Scope 實作建議
16. JavaScript - call，apply，bind
17. JavaScript - This (1)
18. JavaScript - This (2)
19. JavaScript - This Priority
20. JavaScript - 物件導向 (1)
21. JavaScript - 物件導向 (2) - 建立共用函式
22. JavaScript 物件導向 (3) - 繼承原型方法
23. JavaScript 物件導向 (4) - With ES6
24. JavaScript - Prototype Chain
25. JavaScript - Coding Style (1)
26. JavaScript - Coding Style (2)
27. JavaScript - 非同步執行
28. JavaScript - Promise (1)
29. JavaScript - Promise (2)
30. I Want To Know JS - 結語

後面有兩篇關於「屬性描述器（Property Descriptor）」補充：

1. JavaScript - 屬性描述器 (1)
2. JavaScript - 屬性描述器 (2)

相信整個系列讀下來，應該對各位 JavaScript 的功力進步很有幫助才是！

希望大家喜歡今天的分享！請大家多多按讚鼓勵、或追蹤我的 FB、YouTube、以及 Instagram 喔～

-\-\-\-\-\-\-\-\-\-\-\-\-\-\-

Facebook 粉絲頁（歡迎追蹤）： https://goo.gl/N1z9JB
YouTube 頻道（歡迎訂閱）： https://goo.gl/pQsdCt
Instagram 日常生活： https://goo.gl/nBHzXC

在使用很多canvas函式庫時，東西常常已經包裝成物件，
可以輕鬆的拖曳、偵測點擊，
但是他究竟是怎麼把純繪圖的canvas包成物件的呢，如果脫離了像是pixi.js、paper.js等函式庫，要怎麼自立自強？
　
這一集的週四寫程式，
一起來探索如何設計一個能夠自己自製事件跟偵測，
像是蛋糕一樣，使用物件繼承一層一層堆起介面操作的高塔。
　
------
　
手刀訂閱 老闆 來點寇汀吧 Youtube頻道！
https://www.youtube.com/channel/UCHX_XMhPrtvOmgGOnA2eTmA
　
上次直播-來用socket.io做個即時互動的遊戲吧！
http://to.piee.pw/v-4653934
　
---
　
基礎課程【動態互動網頁程式入門】：
https://hahow.in/cr/monoame-webdesign1
　
進階Canvas+JS應用【動態互動網頁特效入門】：
https://hahow.in/cr/monoame-webdesign2