JavaScript

用 HTML br 替換 ↵ 換行前先想一想

這篇算是一個隨手紀錄,不要輕易用 <br/> 替換換行 ↵,先想想有沒有其他的方式。 起因 前陣子在處理前人的 Legacy code,有個情境是使用者在後台頁面輸入文章,前端把其 show 在前台頁面上。 當然後端會在需顯示的前台頁面 API 將其(字串)發過來,這個字串不包含 HTML 標籤,可能包含換行符號,為了處理這個狀況,

自幹 React Img LazyLoad 元件

為什麼要使用圖片 LazyLoad? 1. 減少頻寬浪費 圖片與影片是網站中最吃資源的元素之一,尤其在行動網路環境下,過度 PreLoad 預載會導致頻寬浪費。LazyLoad 可延遲非可視範圍內的圖片載入,只在使用者滑動到該區域時才載入圖片。 2. 提升首次載入速度 圖片載入不只是下載,還會耗用瀏覽器 CPU 解析與渲染時間。 LazyLoad 可避免瀏覽器在首次載入時就忙著處理整頁圖片,提升 First Paint 時間,讓內容更快顯示。

Firebase Storage 入門

關於 Firebase Firebase 是 google 的雲端資料庫平台,提供了很多 APP、WEB 所需要的後端功能,如果只是小專案完全可以用 Firebase 雲端來取代我們 local 安裝操作 DB 的需求。 其他介紹就不多闡述啦,因為這篇筆記不講 Cloud Firestore 和 Realtime Database ,而是單純以

Episode

00:00:00 00:00:00