這是我在Udemy上修的一門課，當初想增進自己JavaScript的能力，這門課在特價，同時老師的評價也相當的好，所以就想說學學看。這門課和其他一般線上免費的JavaScript教程很不一樣，不只是教程式怎麼寫，而是進一步說明背後的原理和邏輯，學到的很多之前不清楚的概念，特別是在JavaScript中關於繼承、原型還有建構式的地方之前看了很多教學都還是不太瞭解，但這堂課說明的超級清楚，同時又有搭配英文字幕，歡迎大家參考，也很推薦大家上這門課！
JavaScript基本觀念：認識不同的資料型別、運算子和重要概念
[筆記] 談談Javascript 中的 Hoisting
[筆記]...
2017年6月28日
[學習筆記目錄] JS30 系列文章
JS30 學習筆記連結目錄
另外在 Facebook 社團 線上 Node 讀書會 中有由 @Yujin Chne 主辦的線上讀書會，由
@技安 協助提供社群和直播軟體與錄影，如果想要獲得更多相關資訊的話，歡迎前往該讀書會。這裡也附上由@Yujin Chne整理好的影片連結。
我覺得 JS30 真的是非常好的 JS 練習，關於 JS30 的說明可以參考 這一篇(JS30 系列 Day0 - 課程說明) ，下面列的是個人的學習筆記，如果有錯誤的部分歡迎告知： [Day1] JavaScript Drum Kit tags: 偵測鍵盤, key, 播放音效,...
2017年6月20日
[JS小細節] Node Element 在 appendChild 後消失（disappear）!?
為什麼無法正確 appendChild ！？
情況描述：Node.appendChild 的使用
Node.appendChild() 是我們在 JavsScripy 中操作 DOM 的時候經常會使用到的方法，特別是在我們使用 JS 建立一個 DOM Element 之後。
舉例來說，假設現在我們的 HTML 結構長這樣：
<div class="demo-1">
<div class="block block-1"></div>
<div class="block block-2"></div>
<div...
2017年6月13日
[學習筆記] Chrome Dev Tools 開發者工具實用功能整理
重點速記
基本 console 使用
/**
* 幫助視覺化呈現
**/
console.warn('<output>')
console.error('<output>')
console.info('<output>')
console.assert([Condition Expression], '<output>')
console.clear()
console.dir([DOMElement])
console.table([object/array])
/**
* 將輸出資料分群顯示
**/
console.group('<groupName>')...
2017年6月12日
[Vue] 在 Vue 中使用（ES6 import） Bootstrap 4 和 jQuery
由於 bootstrap4 需要依賴 jquery 和 tether 這兩個套件，因此在 webpack 的環境底下使用 bootstrap4 有一些需要留意的細節才能正常載入使用。
⚠️ 這裡使用 @vue/cli 版本為 4.0.5，不同版本的設定方式可能略有不同，須特別留意。
使用 Vue CLI 安裝 vue
# 安裝 Vue CLI，目前版本為 4.0.5
$ npm install -g @vue/cli
# 使用 Vue CLI 建立專案
$ vue create vue-sandbox
安裝 Bootstrap
# 安裝 Bootstrap，目前版本為 4.3.1
$...