一般來說開發時最好避免混用Vue及JQuery，因為兩個框架的理念並不相同，Vue是專注在對Model的操作，而JQuery則是專注在DOM的操作，如果在Vue中使用JQuery，那JQuery所更新的DOM會因為不是透過Vue的Model更新而不會被Vue所察覺，導致我們在操作Model時會跟JQuery的資料脫鉤。
但現實總是沒有這麼簡單，我在開發的專案中需要組織圖的功能，雖然有找到vue-orgchart這個Vue的Plugin，但是功能較少，並不符合專案的需求，最後找到了這個專案的原版，功能很充足，也符合需求，但它是用JQuery寫的，本來也有考慮過要重寫成Vue版本的，但因專案時程的關係沒有時間讓我慢慢研究，最後只好妥協在Vue中使用JQuery，本篇文章記錄了在Vue中使用JQuery的學習過程。
在寫程式時常常會需要比對字串，或是從字串中取得目標的結果，在還不知道有正規表達式前，我都是使用像是indexOf之類的字串方法來比對，而我知道了正規表達式後，被這神奇的語法驚呆了，只用了一個表達式就可以實現我寫了幾十行的程式碼，但是對於他那像是天書般的寫法給嚇跑了，現在剛好有時間可以好好研究，這篇用來記錄正規表達式的寫法。
const宣告的變數是區塊級別的宣告，一開始就要設定初始值，在存在的scope中不能再重新賦值。
使用var宣告的變數跟我們一般的認知有很大的不同，主要的原因是抬升及其作用域的特性，使得開發者在使用的時候一不小心就會有誤用的情形，在ES2015後，我們多了let及const的宣告方式，沒有抬升也有了區塊作用域，讓我們擁有更加強固的變數宣告能力，本章會介紹let的相關特性。
對JavaScript有稍微了解的人都知道，JavaScript中的var是在宣告變數時所使用的陳述式，但很多人對於var的理解都是建立在像是Java這樣的強型別語言的變數宣告上，這樣的理解對於JavaScript的開發者來說是很致命的，這樣的錯誤會產生Bug讓你多加兩天的班，為了避免少了兩個晚上的悠閒，我們現在來看看var究竟在玩什麼把戲。
Bootstrap上有個navbar的功能，裡面提供了一個External content的功能讓我們可以將內容先隱藏起來，等到使用者點擊按鈕觸發後才會以動畫的方式拉開內容，這樣的動畫呈現是使用了Bootstrap它自己的Collapse元件，但是Collapse只提供上下的展開，並沒有左右伸縮的功能，這讓我很苦惱，因為需求是要做從左邊展開的導覽列，自己刻一個是沒有問題，但既然Bootstrap都有提供Collapse以及跟按鈕的整合了，不用一下說不過去，這篇就來看看要怎麼使用Bootstrap做出一個可以有轉換動畫做隱藏及顯示的左清單列吧。
2018-02-08: add new content: 使用transform的轉場動畫
JavaScript有很多奇怪的地方，Hoisting就是其中一個跟其他程式語言比較不同的地方，它會將變數及函數的宣告向上擺，讓程式感覺上不像是由上往下執行，而是有某幾行先執行這樣的感覺，這顛覆了一般程式執行的概念，本章會由例子來觀察JavaScript的Hoisting機制。
JavaScript是我目前最常使用的語言，但對於它的特性我一直沒有深入研究，只是在使用的時候隱約感覺到它有自己的特別之處，在這裡就來探討JavaScript的函式為什麼First-class function，它需要具備什麼特性以及在JavaScript中是怎麼運用First-class function的這些特性。