鐵人賽

[12th 鐵人賽] 我說那個手機版 Day 1

2 min read ITHome鐵人賽2020Media QueryGrid LayoutGrid System
說在最前面 網頁這種萬年老埂應該是沒什麼人會看，會想要撰寫這種偏冷門的東西，純粹是個人比較邊緣的關係。目前市面上各種關於網頁製作、切版的工具五花八門，真的會想手動自己來的應該屬於抖 M 屬性（吧）。總之，如果對於網頁製作有興趣，或者是想看看到底在做些什麼東西的人，可以繼續看下去。 至於是不是要看滿 30 天，如果我寫得完的話應該可以考慮按一下追蹤之類的。 大概會說些什麼 * 網頁「設計」在「設計」什麼？ * 給「人類」看的，給「機器」看的有什麼差別？ * 區塊、內文、文件流要流去哪裡？

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

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

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

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

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

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