JSDC 2021 開發者年會 參與心得
很高興能獲得 Alpha Camp 全額贊助 JSDC 門票,這是我第一次參加 JSDC 開發者年會(英文全名 JavaScript Developer Conference,簡稱JSDC),今年的主題是「JavaScript 過去、現在與未來」。共有四大方向,分別是「跨平台整合」、「區塊鏈應用」、「前端開發與框架」、「語言特性與後端技術」
歡迎來到阿毛的學習角落,這裡記錄著我的學習筆記,期待與你一同探索廣闊的知識領域。
很高興能獲得 Alpha Camp 全額贊助 JSDC 門票,這是我第一次參加 JSDC 開發者年會(英文全名 JavaScript Developer Conference,簡稱JSDC),今年的主題是「JavaScript 過去、現在與未來」。共有四大方向,分別是「跨平台整合」、「區塊鏈應用」、「前端開發與框架」、「語言特性與後端技術」
還常常得使用滑鼠來操作 VS Code 嗎?想要更加提升自己的 Coding 效率嗎?沒錯!在這個效率至上的時代,一天 24 小時,人人都努力把任何一點點能省的時間榨出來,只要善用快捷鍵,人人都能成為快捷鍵大師,這裡將會記錄著能提升效率的 VS Code 快捷鍵,從最簡單的開始,慢慢進階上去。
ES8 新增了 async 與 await 兩個語法,這兩個語法也是為了更方便解決非同步的語法,可以說是 Promise then 的語法糖。
ES6 新增了更接近傳統語言寫法的 Class 這個概念,基本上可以當作是一個**語法糖**,絕大部分的功能在 ES5 都可以做到,但 Class 可以讓構造函式的寫法更加清新!
我們前面已經學習了回調函式(Callback Function)與構造函式(Constrcutor),而 Promise 是 ES6 新增用來解決非同步回調地域的新語法,同時也是一個構造函式!
之前已經介紹了 var 與函式作用域,今天來更仔細的介紹 ES6 新增的 let 、 const以及與它們相關的區塊作用域。
我們前面已經認識了函式作用域,也瞭解了回調函式,但有時候會產生意想不到的事情,造成內存問題,其中一個是閉包。
我們前面已經瞭解了事件綁定與事件冒泡了,但是使用物件元素直接綁定事件有不方便的地方,1. 只能同時為一個元素的一個事件綁定一個響應函式,2. 不能綁定多個,如果綁定多個,後面會覆蓋前面的。
我們上一個篇章認識了綁定事件,了解到不管是什麼節點,都可以綁定事件,那為什麼 JavaScript 會知道我們觸發事件?當我們點擊網頁中任何一個元素,是不是也等於點擊到網頁本身!而點擊元素與網頁本身這個過程是有順序的,稱為「事件流程」。
我們之前在 HTML 篇章有介紹 DOM,是 Document Object Model 的縮寫!我們主要操作 DOM 來控制網頁內容~