2019

[IT 鐵人賽] 在 Vue 之後的事情,還會有什麼? Day 30

結束了鐵人賽 30 天的過程,其實說真的我也沒有講太多 Vue 的事情,多半都是圍繞在一些奇怪的應用上。後續的 Vue 發展會是什麼樣子,其實身為一個在前端打滾的工程師來說,我個人其實也沒有那種強烈的慾望,說他一定要發展到什麼樣的程度。 起碼,這樣的工具對現在的應用上來說,還算是充裕的就夠了。 -------------------------------------------------------------------------------- Vue 框架 其實 Vue 的崛起算是相當快,背後雖然不像 React, Angular 那樣有個強力的老爸撐腰,但說起來團隊也還算相對活躍。也許這會讓人多少有點憂心,萬一團隊不更新了怎麼辦?或是這個框架以後不維護了怎麼辦? > 說真的,比起擔心什麼框架不維護,為何不先擔心你自己不去學新的東西?

[IT 鐵人賽] Vanilla JS 與 Vue 的生命週期 Day 28

最後幾天來聊一下關於生命週期的事情,這裡提到的生命週期並不限於 Vue 所屬的區域,也包含了一些原生 JavaScript 那種無關 Bug 而是一種 Feature 的那些 生命週期 的事情。 沒有被 JS 婊過就不算寫過 JS 你說是吧( 並沒有這種說法好嗎 ) -------------------------------------------------------------------------------- 關於封裝與執行 我之前犯過幾個低級錯誤,舉個例子給大家看個笑話: 以上是錯誤的範例,至於看不出來哪裡有錯的人 左轉不送謝謝。就字面上來說每個字都對,寫法也沒有錯誤,不過,就

[IT 鐵人賽] 大型資料載入實例與狀況 Deep watch Day 27

昨天看了一些關於大量 DOM 的事情,今天來聊一下關於深度監看的事情。其實在 Vue 裡面,預設的監看並不會看太多,也就是不會看很深。為了效能考量,所以基本上各家前端框架在這件事情上面,或多或少都會留一點餘地。 然後這些餘地有時候會讓人覺得很困擾。 -------------------------------------------------------------------------------- 怎麼監看? 實際上 JavaScript 是可以透過 Proxy [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy] , Reflect [https:

[IT 鐵人賽] 大型資料載入實例與狀況 Large of DOMs Day 26

昨天提到大量資料的事件綁定,今天再來聊一下關於 DOM 這件事情。不知道大家對於 Google Chrome DevTools 熟不熟悉,我們除了用他來看人家原始碼以外,也會使用他來觀察畫面的效能。 推薦大家可以追一下 Paul Irish [https://twitter.com/paul_irish] 的推特。 -------------------------------------------------------------------------------- 關於效能問題 > Advanced performance tooling in Chrome DevTools - Paul Irish @ Velocity 2014