技術 [JS]透過IntersectionObserver達成個別/全頁圖片lazy load

當撰寫顯示多個(例如：展示數百筆廣告)圖片的網頁時,效能與用戶體驗主要有以下課題： 如何節省不必要的加載(不加載使用者還沒看到的) 批次載入圖片(每次載入10...

技術 [破] 前端工作實務經驗分享(一)

30天的旅程已經快接近尾聲，接下來我分享我遇到前端工作上的一些經驗。 優化版位lazy load: IntersectionObserver 這是由我...

技術 Day7 - Vue-Lazyloading & Service worker Hook

上一篇學習了如何建立typescript & webpack & service worker的專案。 今天繼續實作如果將service wor...

技術 利用jQuery的load功能，確保image載入後才讀取圖片資訊

今天遇到一個問題，用jQuery去讀取圖片的寬、高資訊，用$('#theImage')可以讀取到圖片物件，但是讀出圖片的寬、高，卻都是0。 不過如果按了F5，r...