擁有豐富網站開發經驗，直播系統、POS系統、電子商務、平台網站、SEO，專業的網站開發鐵三工程師。
透過 Adobe After Effect 製作 lottie 動畫，並與 Javascript 互動 Part 1 - 動態替換文字 前言 公司想製作猴子上樹的小遊戲，起因是原本專案有用到 Lottie 動畫，覺得動畫流暢度及體驗感很好，就深入研究了一下，如何用 Adobe After Effect 製作 Lottie 小遊戲動畫，並與 Vue 前端框架做互...
一、橡皮筋行為造成的問題 在開發 Mobile Web 時，經常碰到的 iOS 系統上的橡皮筋效果，這個效果搭配上拉刷新，下拉取得資料時，使用者體驗還是挺不錯的，但是實際上，每一個捲軸都擁有這效果，可能會額外造成滑動卡死及不流暢。 捲軸捲最上方，會有彈簧的行為 捲動到最下方，會有彈簧的行為 在多個侷部捲動，捲動溢出時會捲動不流暢，甚置造成捲動...
捲起袖子動手做 SEO Part’s 3 - 來自 Google 的動態渲染工具 Rendertron for SEO 先前提到 現今的動態網站，廣泛的應用到 Javascript 及 Ajax 相關技術，但這些技術對 Google 搜尋引擎的爬蟲並不是這麼的友善，從Google 官方文件指南得知，Google 爬蟲是非常了解 HTML 結構，但在爬取 Jav...
uptime-kuma 監控應用工具 uptime-kuma 是 node js 及 vue 所開發的監控網站應用程式，是一個類似於 “Uptime Robot” 的管網站監控工具。其具有下功能： 優點 UI操作簡單易用 可以於偵測 HTTP(s)/TCP/Ping/DNS 支援主流的聊天系統通知 Telegram、Discord、Gotif...
定義問題 先前有對大資料渲染進行調察研究，得知瞬間大資料的渲染，會造成瀏覽器卡頓不回應，並得出可以透過分時渲染、捲動式渲染、虛擬列表，解決高併發渲染的問題。 而籃足球比賽比分列表，一遇假日就會有1000~2000 筆的比賽需要同時顯示，且依使用者需求，不能分頁顯示。 虛擬捲軸 VS 分段渲染 虛擬捲軸概念 設計概念，一開始先傳入高度，並將每一筆 item...