當我們在瀏覽網頁時，透過使用者的輸入或互動，最容易會有變動的就是資料（透過輸入或修改）和樣式（透過互動或事件）的更動，而 VueJs 的樣式部分用 class 和 style 的綁定，就是專門用來與互動產生動態的樣式而來的。
在 DOM 的節點上使用:class='xxx' xxx 可以是字串、物件或者是陣列型態。
這裡我們先設置了三個樣式分別為ClassA、ClassB、ClassC，我們在「xxx 是字元串」這個段落先給它一個基礎樣式ClassC，再綁定myClass，這會對應到 vm 實例裡data的ClassA，所以在這一段會有兩個樣式分別是ClassA＋ClassC。
昨天介紹了 VueJs 裡常用的模板語法，今天就來介紹在我們 new Vue({ })裡面會用到到的 computed(計算屬性)和 watch(監視器)
我們可以先來看一下範例：去 codepen 看看效果
同樣的以 cdn 的方式先引入vue.js。
前兩個是「姓」和「名」的輸入框inputFirst Name 和 Last Name，先在實例裡的data初始化他們的值之後，就可以在各別的input和p標籤看到它們顯示出來，現在要來進行將「姓」和「名」合併，且可以透過這些input去直接更改已經初始化的值。
VusJs 是個便利的框架，它的便利在於幫我們把一些較複雜的事情都先做好了，據說 Vue 的入門較簡單，單是也是會讓我們將 JS 武功廢掉的框架，還記得有位朋友說，他寫了一陣子 Vue 之後，幾乎 JS 的武功都廢了，聽起來蠻聳動的。所以一定要記住，時不常回來寫原生還是必要的。
這裡記錄一些學習上的筆記和用法，以便將來腦殘可回來補腦。
我們先以 CDN 的方式將 Vue.js 引入就可以用了，記得也要先創建一個 Vue 的實例來用，裡面會有所有控制與資料的部分。
接著，在 HTML 裡將要控制的部分以一個<div>包住，並給予 ID <div id="app">這個 #app就可以以標籤綁定資料的方式，和 Vue 的實例裡的資料做溝通。
什麼是物件 Object？ 物件可以包山包海。
物件是 JavaScript 中的參考資料型別，它擁有複合的值，可以儲存不同類型的值(value)，然後透過 Key 來取值。
Object 也可以看成是屬性的無序列集合，每個屬性都是一對 Key:value。物件除了可以擁有自己的屬性，還可以透過原型物件來繼承屬性。
在 JavaScript 的資料型別裡，除了string、number、boolean、null和undefined之外，其他都是物件型別。
物件以外的型別資料的值是無法修改與不可變的，我們稱為這類的資料型別為「基本型別」，「基本型別」的比較，是以「值」來比較，如果兩個變數的值相等，就會被視為這兩個變數是相等的。
衣服和褲子總要穿穿才會合身，何況是電腦這麼神聖的東西。
這篇是很久以前紀錄的，如果 2019 年八月買的，到現在也已經七個月了，但是很神奇的是，從舊電腦換到新電腦，幾乎是有種無痛轉移的狀態，雖然是新電腦，但其實頗懷念舊的。
上一台舊的 MacBook Pro 是已經停產的 17 吋筆電，很重但很好用，我用她做所有的事情，且從 2001 年入手到換新電腦，她都很良善的陪著我，隨然中後期她的一邊喇吧不再動了，但是除此之外一切都很完美，直到近一兩年，安裝新的系統，對她而言開始覺得很吃力，負荷不過來，所以才有想要換新電腦的念頭。
原本以為寫程式是不太需要記憶體或空間的，但是學了才知道，要安裝一大堆的編譯器和套件，也頗重的。尤其套件從網站上下載下來，有時會達到幾百 M ，這時她就會氣喘如牛了。但是一台筆電陪了我近九年，也真的是算辛苦了，希望新的 MacBook Pro 也可以陪我長長久久，而我也會很珍惜與保護她的。
想要矯正儀容端正，看來也沒那麼簡單。
前陣子面試時，有被問到有沒有用 ESLint 來讓自己的寫碼風格統一些，被問了才想到，在舊電腦時還有用這個在 VSCode 裡的外掛，換了電腦就幾乎忘記它了，再加上將來開發專案時，也希望自己在寫碼的統一風格上做改善，所以想說也應該再來重新部署一次，可以以 Airbnb 的寫作風格為榜樣的規則，訓練自己養成專業開發人員應有的寫作習慣。
這次的部署主要參考很喜歡的老師 Traversy 所放在 Youtube 的影片，再參考其他大神的文章當輔助，試著了解每一個步驟或指令背後的意義，這樣應該比較可以理解原理，將來遇到問題比較有可能解決。
只要你的考試成績好，就可以得到入門票一張
在法國，應徵前端工程師的職位通常需要下列幾個程序：
第一關：人資的電話面試，在電話裡需要大約介紹一下自己的背景，以及自己的工作經歷，接著就是對方的發問，為什麼想應徵這份工作，或是對公司有疑惑也可提問等等。
第二關：技術執行長的電話面試，會詢問較多細節，對技術的看法，與團隊合作的細節，介紹公司負責部門的規模和人員、工作分配，當然我們也可以發問。
第二關：技術測驗，這有可能是面對面的測驗，寫白板、寫函式、線上測驗都有，但有時也很有可能寄給你連結，請線上直接作答。
第四關：直接來公司，最後一次面試，有可能是將來的主管和同事一起面試你。
這世界上有很多虛擬的東東，這些欺騙感情的虛擬物，有時也可以拿來療癒。
先來理解一下什麼是虛擬 DOM : 為什麼我們需要用它?
這篇文章解釋得頗清楚的：虛擬 DOM 的渲染原理和特性
但是還是來整理一下重點：
原本我們寫原生的 JavaScript 時，我們會直接對 DOM 進行監聽和修改，然後這個 DOM 元素也會透過我們的監聽的事件所執行的，讓頁面產生互動。
我們很容易忘記，我們曾學過的東西裡，仍有許多細微的小細節。
知道自己是個健忘的人，所以偶爾會翻些基礎的知識來看看，才發現其實有許多自己忘，或根本沒有去注意到的小細節。
這次來記錄一下自己之前學的時候沒注意到的點。