Jamie的一些筆記

後發先至的藍色駭客

[前端筆記]NextJS App 路由好像有點奇特？

NextJS App Routing Cheatsheet

先簡單list一下cheatsheet，然後解釋

Posted by李定宇 Friday, April 5, 2024

[前端筆記]關於SSR，我們在討論什麼

NextJS的服務端渲染策略

基於NextJS 14 的 App Router，用程式碼mock一遍SSR

Posted by李定宇 Monday, April 1, 2024

[技術筆記]有關throttle和debounce的小梳理

常用，但又不甚了解的熟悉函數

用著用著突然覺得自己對於兩者的分別其實也沒有到非常清楚，因此本篇文算是用來自我梳理一下，兩者的作用以及常見的使用場景

Posted by李定宇 Tuesday, June 27, 2023

[技術筆記]前端如何建立私人CDN站點

利用企業私人CDN來優化網頁速度與安全性

企業使用私人的CDN站點，不但可以加速前端載入資源的速度、減少打包的體積，也可以增加專案的安全性、可靠性！

Posted by李定宇 Wednesday, December 28, 2022

[技術筆記]極簡Docker+Nginx

前端工程師的極簡Docker+Nginx筆記

這是我在工作的專案中，因為後端不太有時間幫我搞定、所以自己踩雷完成的幾個Docker/Nginx UAT專案的技術筆記。

Posted by李定宇 Tuesday, December 20, 2022

[Frontend筆記]Javascript的執行上下文及作用域

了解JS中的執行上下文和作用域，能更了解其執行原理

與其一步步踩坑、然後碎片化記住什麼寫法會產生bug，還不如一次深入了解Javascirpt的一些原理，直接完全避開可能的坑！

Posted by李定宇 Thursday, November 3, 2022

[Frontend筆記]瀏覽器視角下的Web安全

極簡前端安全筆記

以瀏覽器的角度來看待Web安全，可以大致分為Web頁面安全、瀏覽器網路安全、瀏覽器系統安全等。

Posted by李定宇 Wednesday, November 2, 2022

[Frontend筆記]EventLoop中的宏任務與微任務是什麼

利用宏任務與微任務，充分了解Javascript中的異步

在Javascript中提到異步（非同步），腦海裡一定立刻浮現`setTimeout`、`Promise`、`async/await`等等的名詞；然而近期在學習V8、瀏覽器的相關知識時，才發現上述三者的雖然宏觀上是異步、但微觀上其實不太一樣。

Posted by李定宇 Monday, October 31, 2022

[Frontend筆記]瀏覽器視角下的前端性能優化

利用瀏覽器的渲染原理，對前端性能優化進行解析

瀏覽器從 Network Process 接收到HTML數據後，會交給 Render Process 來進行渲染；而在前端工程角度下的性能優化，便是考慮在 Render Process 渲染中、如何對程式碼進行調優，進而加快渲染速度。

Posted by李定宇 Wednesday, October 26, 2022

[Frontend筆記]瀏覽器視角下的前端性能優化

利用瀏覽器的渲染原理，對前端性能優化進行解析

瀏覽器從 Network Process 接收到HTML數據後，會交給 Render Process 來進行渲染；而在前端工程角度下的性能優化，便是考慮在 Render Process 渲染中、如何對程式碼進行調優，進而加快渲染速度。

Posted by李定宇 Tuesday, October 25, 2022

FEATURED TAGS
aigc backend browser flutter frontend javascript nextjs react typescript vue
ABOUT ME
avatar

中文系出身，與軟體工程結緣並躬身入局，想要握有技術的話語權並暢行世界。