Featured image of post 前端效能調校:使用 Partytown 將笨重的 JavaScript 放到 Web Workers 執行

前端效能調校:使用 Partytown 將笨重的 JavaScript 放到 Web Workers 執行

前端效能調校的技法多如牛毛,但最明顯的效能殺手不外乎是 JavaScript 佔用 Main Thread 而導致頁面無法回應的狀況了。最近研究 Partytown 這個函式庫,他用了一個非常巧妙的技巧,把部分 JS 自動切換到 Web Workers 背景執行。這篇文章我就來分享如何將 Partytown 安裝到任意網站中。

Featured image of post 關於 TCP 的三次握手與四次揮手,滿分的回答在此!

關於 TCP 的三次握手與四次揮手,滿分的回答在此!

在面試中,計算機網絡的 TCP 三次握手和四次揮手是很常見的問題,但是在實際面試中,面試官會更願意聽到怎樣的回答呢?詳細程度是怎樣的?越簡單常見的問題越不可小覷,萬丈高樓平地起,把簡單的問題深入化,才更能拉開與競爭者的距離。掌握了本文講的全部知識點,關於 TCP 三次握手和四次揮手基本就 OK 了😊

Featured image of post 網站前端打 API 時把密碼加密,有意義嗎?

網站前端打 API 時把密碼加密,有意義嗎?

最近有人在臉書前端交流社群發了一則貼文,內容是他看到了一個問題:請問登入api傳賬號、密碼json明碼會有問題嗎?,想知道大家對這個問題的看法。而底下的回答大部份都是覺得「有用 HTTPS 就好了,沒必要額外再實作一層加密,沒有什麼太大的意義」,老實說我以前也是這樣認為的,而且過去在社群中就有出現過類似的討論。我那時候想說都已經有 HTTPS 了,而 HTTPS 本身的目的就是為了保障傳輸的安全,為什麼要自己再做加密?但這一兩年接觸資安以後,我的想法有了改變,我認為前端在傳輸前把密碼加密,是有其意義的,而接下來我會詳細說明我的理由。

Featured image of post 【Nuxt3】實戰練習 - 實作部落格

【Nuxt3】實戰練習 - 實作部落格

大家經過 【Nuxt3】開箱即用的 Nuxt3 玩轉筆記 這篇文章,應該對於 Nuxt 3 有初步的理解,接下來我們將進入實戰部分,我將會以 Nuxt 3 來實作部落格網站,讓已經註冊的使用者可以在網站上發布文章,實作這個網站的程式碼可能不會講解得非常仔細,但一些實務開發上會需要注意的細節我會把個人經驗做一個紀錄,大家可以再參考看看,文末也都會附上完整的範例程式。接下來,讓我們開始吧!

Featured image of post 【Nuxt3】開箱即用的 Nuxt3 玩轉筆記

【Nuxt3】開箱即用的 Nuxt3 玩轉筆記

在使用 Vue 3 開發網站可能會面臨需要做 SEO 的情境,為了解決該情境問題,你可能會找到使用 Vite 做預渲染或其他方式,Nuxt 3 也是其中一個解決方案,且有更多強大的功能,目前 Nuxt 3 已經正式發布穩定版,就讓我們開始嘗鮮上手吧!本篇會著重在 Nuxt 3 的特色與功能學習,所以你可能需具備些 Vue 3 基礎,我將從搭建 Nuxt 3 開發環境、頁面路由與佈局一直到使用 Nuxt 3 建立 SEO 所需的資訊做些筆記及介紹,讓你有個概念並嘗試用 Nuxt 3 來做 SSR 或 SSG,進而解決 Vue 3 SPA 不好做 SEO 的問題。