Performance is User Experience. So this post will show how I create a performant menu. Demo GIF - Find & Share on GIPHY Discover & share this Demo GIF with everyone you know. GIPHY is how you search, share, discover, and create GIFs.media1.giphy.com Below is the performance recording for my menu under 6x slowdown CPU (with 8 categories and each category has 10 items). …

There must be more and more rules added to your team’s style guide as the team grows up. And that’s a good thing actually. But it’s still hard to make everyone follow the style guide especially for those who just joined the team. …

It’s super easy to setup the auth flow in Next.js with NextAuth.js almost for everyone. But not for me since I made a stupid typo. I will reveal the mistake I made in the end of this article. I follow the official documentation to setup my GitHub provider. And…

實作會員註冊、登入、登出 利用 cookie 存 uuid, 當用戶端發出 request 時, 就會把這份 cookie 一併傳送到伺服器端, 讀取 request 中的 cookie, 取得 uuid, 以此查 session-user 的資料表. 如果有查到對應的 userID, 表示這個用戶目前是處於登入狀態, 不需要再登入一次；如果沒有查到對應的 userID, 則表示此用戶需要進行登入的動作, 登入後就會把這一個 uuid-userID 存到 session-user 資料表中, 表示此用戶目前是處於登入狀態. 密碼的驗證使用 golang.org/x/crypto/bcrypt 中的 GenerateFromPassword & CompareHashAndPassword 來實作. uuid 使用 github.com/satori/go.uuid Password Encrypt

從底層開始了解並且實作簡單的 TCP Server Write to connection 首先看到第11行, net.Listen(“tcp”, “:8080”) 會回傳一個 Listener. Listener 有三個方法, 分別是 Accept, Close 和 Addr. Accept() (Conn, error) : 等待並且回傳一個 connection. Close() er …

Handler, http.Handle, http.HandlerFunc, http.HandleFunc, http.ServeMux, http.ListenAndServe Handler 觀察 Handler 的參數之後會發現有一個 ResponseWriter 與一個 *Request, 這就對應到 Client 與 Server 之間的互動, 當 …

用來診斷網站的線上工具 PageSpeed Insights WebPageTest Lighthouse Critical Render Path

Symmetrical Encryption <加密端> 跟 <解密端> 使用同一支鑰匙 🔑，因此這支鑰匙不該在網路上被傳送，需要使用 Diffie Hellman Key Exchange Algorithm 來產生這支共用的鑰匙。 Diffie Hellman Key Exchange Algorithm 可以先看這兩部影片，然後再看下面的算法。 影片當中提到 Alice — (g ** a) mod n → Bob Alice ← (g ** b) mod …