技術 [Day 24] PRPL 模式

今天要介紹的是 PRPL 模式，這也是和優化效能有關的模式。PRPL 模式是由 Google Chrome 團隊所發展提出的，目的是提供更快的網絡體驗。這個模...

技術 Angular 路由模組

前言 路由是 Angular 裡很重要的部分，以前的網頁技術 MPA 透過改變 url 對 server 發起頁面需求來達到換頁的效果，而所謂的 SPA 單頁應...

技術 [Angular] Day32. Lazy-loading feature modules

在默認情況下 NgModules 都是急切加載的，這意味著一但應用程式加載，所有的 NgModules 無論是否需要都會被載入，但對於許多大型的應用程式而言可以...

技術 [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...