Vue 透過 include 及 Vuex 解決 keepAlive 難解的記憶體釋放問題
問題 在 Vue 生態中，切換元件時，不希望元件重新渲染，並且記住元件原本的狀態及不希望重新呼叫 api 時，基於上述理由，我們會使用 keepAlive 來保留狀態，但 keepAlive 雙面刃一樣，除了你重新整理頁面前，時間越久，記憶體可能不斷的成長，最後導致記憶體洩漏 ( memory leak )。 舉一個常見使用者體驗的例子，在分頁清單元件，第 2...
Hi, I’m Mark.Ku
擁有豐富網站開發經驗，直播系統、POS系統、電子商務、平台網站、SEO，專業的網站開發鐵三工程師。
Latest Posts
別讓第三方的 JS，拖慢網站首頁加載的速度 - Facebook Chat SDK 串接優化筆記
別讓第三方的 JS，拖慢網站首頁加載的速度 - Facebook Chat SDK 串接優化筆記 問題起緣 許多網站都會串接第三方的JS，但在某次串接完 Facebook Chat SDK 後，發現首頁的載入變得非常的慢，並決定著手優化。 身為軟體開發人員的我，又打開了開發者工具，做了對比。 從 Network Tab 中，我們可以得知來自 fbcdn 的...
軟體工程師的澎湖大鐵記實 - IRONMAN PENHU 226 - Part's 2 比賽日
在開賽前二天 - 一大早帶著我的行李飛往澎湖 接著到了澎湖的飯店，將單車快速組裝完成後，騎著單車去繞繞，約騎了 200 公尺左右就遇到爆胎，最後至 IRONMAN 會場找維修人員幫忙檢查，發現輾到了一根很細的釘子，心想，這也太幸運了吧! 幸好在賽前就被發現，至下午，接著我們做了30 KM 單車賽道熟悉的熱身。 其實在賽前一個月就發現我的右腳踝內側有了瘀青，...
分析幾個知名網站被黑帽 SEO 的關鍵詞堆砌的問題
問題 某次 在 Google 搜尋中，發現國內幾個知名網站，居然都有以下奇怪的網站描述。 此時好奇心驅使者我，打開了網站開發者工具 檢查用於提供搜尋引擎建立索引的 header 中的 title 及 description 和 google 搜尋引擎所收納的相同。 疑問 站在網站開發人員角度思考，腦袋跑出很多疑惑 ? 網站是不是被駭? 難道是被人埋入...
軟體工程師的澎湖大鐵記實 - IRONMAN PENHU 226 - Part's 1 準備心歷路程
我的澎湖大鐵記實 - IRONMAN PENHU 226 - Part’s 1 準備心歷路程 緣起 我是一位網頁軟體開發工程師，因工作關係，常時間久坐，壓力大就亂吃，剛接觸鐵人三項時，曾經最胖時達到 96kg，體力也不是特別的好，游泳還游不超過25公尺，跑步3km 就喘的不行，過去當兵還是在國防部，所以這輩子也沒什麼機會操到，但就在4年前，參加前主管推坑的鐵人說...