top of page
工作詳述
我實習的部門是IT-ERP的 DC2 (Data Center)。目前主要的工作內容是翻新公司與客戶之間溝通的網站，客戶透過網站可以查詢目前訂單的進度，生產資訊等等從下訂單到出貨的一系列訊息。
CSWEB API
報表的詳細資料會呼叫api從後端獲得再傳回前端。因此api的速度成為很大的考量，特別是某些客戶的資料太多導致網頁卡頓甚至停止回應，如何提升每個api的效率變成了很重要的議題。
01
前端虛擬滾動、懶加載
為了降低api的大小以及發送次數，我在前端使用了虛擬滾動以及懶加載技術。
只有在滾輪滑動到某些程度時才會呼叫api獲取該段落資料。避免大資料一次性載入。
02
後端分頁(pagination)
透過api傳遞的參數，把原本10萬筆的資料拆分成若干個區段(每100筆資料1格個區段)，並每次只返回100筆資料，大幅減少api的承載量，提升效率
bottom of page