📄️ [javascript] 使用 Intersection Observer API 實作 Infinite Scroll 與 Lazy Loading
這次要來介紹 IntersectionObserver API,有了該API可以很簡單的做到Infinite Scroll和Lazy Loading,在過去要偵測到元素是否已經進入使用者的畫面範圍需要花費許多功夫。
📄️ [javascript] 使用 PostCss 開發 CSS
使用 Postcss 開發 CSS
📄️ [javascript] 使用 Skeleton 增加使用者體驗
假設網頁需要在一開始載入過大的內容,導致網頁畫面渲染過久,使內容無法第一時間呈現給使用者,這就會降低使用者體驗,所以許多網頁在載入資源時會使用 Skeleton,避免使用者看到的畫面是空白的網頁。