Jamie的一些筆記

後發先至的藍色駭客

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

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

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

Posted by李定宇 Tuesday, June 27, 2023

[技術筆記]在多個git帳號中，依照對接平台自動切換

區分工作用的git帳號和自己的git帳號

以我為例，個人的Git帳號通常是用Github，而工作的程式碼託管平台是用Bitbucket、而且有另一個公司帳號來產生Git帳號；如果要一直手動切換授權是一件很麻煩的事，但混用帳號也不好，因此找了一下方法來解決這個情形。

Posted by李定宇 Tuesday, May 30, 2023

[技術筆記]在NodeJS中使用socket.io, 或者ws

websocket在NodeJS和Vue中的簡單應用

websocket是一個基於TCP的網路傳輸協定。在一般的 GET/POST http request中，是等傳輸完資料後、TCP會經過四次揮手後斷開連接；但在WebSocket協定中，只要客戶端和服務端經過TCP握手連接後，兩者就可以建立長時間的連接。

Posted by李定宇 Tuesday, January 31, 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

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