Randy Liu動態字型載入速度優化若有個專案需要達到不同的語系要呈現不同的字型,e.x. zh-TW 提供 Noto Sans TC, en-US 提供 Lexend Deca,我們最初使用在 html head 以 stylesheet 導入兩種字型,並且使用不同 classname 去控制現在的字型:Oct 21, 2023Oct 21, 2023
Randy LiuVirtualized List 簡單實作當今天有大量資料要render出來時,舉例如果有一千筆資料要被呈現出來,但正常viewport不會長到可以顯示一千筆資料,我們會在container加上 overflow: 'scroll'…Jun 13, 2023Jun 13, 2023
Randy Liu[實現API]ThrottleThe _.throttle() method in lodash is used to create a throttled function that can only call the func parameter maximally once per every…May 22, 2023May 22, 2023
Randy Liu[實現API] DebouceThe _.debounce() method of Function in lodash is used to create a debounced function which delays the given func until after the stated…May 22, 2023May 22, 2023
Randy Liu落入全端火坑-整合微服務與微前端目前在公司負責多個產品的全端開發,這些產品導向為生產力工具,並可以獨立運行 Standalone mode,根據公司之前與客戶合作的經驗來看,許多客戶是想要同時使用這幾個產品的,那怎麼將這幾個產品整合至一個平台裡,但又不想要改到整個產品架構,這就是這篇文章的出發點。Dec 24, 2022Dec 24, 2022
Randy LiuinTryTech科技能怎麼改變居家生活型態?IKEA旗下的SPACE10創新實驗室與世界各地的design and technology studios合作一系列探究科技如何改變居家生活的實驗,Everyday Experiments…Jun 10, 2021Jun 10, 2021