Interview
JavaScript var、let、const 差異
開發的時候通常都會宣告變數,可能是一個字串、數字、布林值、陣列、物件等,主要用途可能是宣告一個起始的資料狀態,並經過某些條件後需要改更,也有是宣告後就不用更改的常數,此時就需要思考到要使用哪種方式來宣告
變數宣告var、let、constJavaScriptWebsite
HTTP Cookies、localStorage 及 sessionStorage 使用
HTTP Cookies、localStorage 及 sessionStorage 都可以存放資料在客戶端本地瀏覽器中,至於它們的使用選擇取決於資料類型、安全性、生命週期等,也因為三者很容易拿來比較及提問,所以此篇文章會介紹三者的使用方式,以及如何選擇使用。
HTTP CookieslocalStoragesessionStorageInterview
JavaScript Browser Event loop 如何運行?
JavaScript 是單執行緒語言,另一種說法叫做單線程,核心運行是同步的方式完成,而 JavaScript 可以靠著非同步的方式完成操作,則是因為 JavaScript 執行環境的關係,可能是 Browser 或 Node 環境,它們兩者分別提供 Web APIs 及 Node APIs,搭配 Event loop 的概念,讓 JavaScript 同步方式不會造成阻塞問題,而 Event loop 如何運行呢?
JavaScriptEvent loopWeb APIsInterview
JavaScript 淺拷貝與深拷貝差異
在 JavaScript 操作物件型別(Object types)時,若不想要修改到原始資料的情況下,就必須再考慮到使用淺拷貝(shallow copy)或深拷貝(deep copy)的問題,其主要原因是因為 JavaScript 的物件型別特性是參考址,然而,這兩者的差異需要看當下操作的資料層級,如單一層級 Object 就只需要使用淺拷貝,複數層有 Object 包 Object 的存在就需要使用深拷貝。
JavaScriptShallow copyDeep copyInterview
JavaScript 原始型別與物件型別
JavaScript 型別有兩大類,分別是原始型別(primitive types)、物件型別(object types),一般會搭配一元運算子中的 typeof 取得資料型別的類型,但因為 JavaScript 是一門歷史悠久的程式語言,在某些型別使用 typeof 會有不如預期的型別回傳,例如:typeof null === object,此時需要使用別種方式來檢查值。
JavaScriptPrimitive TypesObject TypesReact
React Router Version 7 介紹
在網頁開發中,路由是 Web 應用程式的一項關鍵功能,它允許開發者可以透過路徑呈現不同的網頁內容給使用者,可能是一個 about、product 或是 article 等。然而,此篇章所要介紹的 React Router 是用於 React 函式庫的路由,並隨著時間推進,最新版本也已經到 Version 7。
React RouterVersion 7React路由Website
Google Core Web Vitals
Google Core Web Vitals 是 2020 年定義出的一套網頁效能標準,這些標準可為網頁開發人員提升網站的效能,並提供良好的使用者體驗。也經過多年的測試與社群回饋後,現階段三大指標分別是 LCP、INP、CLS,而這三大指標在 Google 的搜尋排名中也會有所影響。
GoogleCore Web Vitals核心網頁指標