博客 / 列表

破曉L - 瞭解關鍵區別:await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面,它使我們能夠處理耗時的操作,而不會阻塞其他任務的執行。使用異步函數時,我們會遇到三個重要的關鍵字:await 、return、return await。在本文中,我們將探討這些關鍵字之間的差異,並討論何時使用每個關鍵字。 在深入探討細節之前,讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數,可以使用 await 關鍵字。它允許我

vue.js , promise , async-await , 前端 , Javascript

破曉L - 面試小冊:面試官經常問的十個棘手的 JavaScript 問題

1. 可變性 在 JavaScript 中有七種基本數據類型(string、number、boolean、undefined、symbol、bigint 和 null),這些都是不可變的。這意味着一旦分配了一個值,我們就無法修改它們,我們可以做的是將它重新分配給一個不同的值(不同的內存指針)。另一方面,其他數據類型(如 Object 和 Function)是可變的,這意味着我們可以修改同一內存指

原型 , 閉包 , 面試問題 , 前端 , Javascript

破曉L - 現代 JavaScript 框架工作原理你瞭解多少?

讓我們通過構建一個現代 JavaScript 框架來了解其工作原理。 我的日常工作是開發 JavaScript 框架 (LWC)。雖然我已經在這個框架上工作了近三年,但我仍然覺得自己是個門外漢。當我閲讀大型框架領域的最新動態時,我常常會被自己不知道的事情壓得喘不過氣來。 不過,瞭解某些東西如何工作的最好方法之一就是自己動手創建。另外,我們還得讓那些 “days since last JavaScr

react , vue.js , 響應式 , 前端 , Javascript

破曉L - HTTP 緩存最佳實踐和 max-age 帶來的陷阱

正確使用緩存可以帶來巨大的性能優勢,節省寬帶,並降低服務器成本,但許多網站並不重視緩存,造成競爭條件,導致相互依賴的資源不同步。 絕大多數最佳實踐緩存屬於以下兩種模式之一: 模式一:不可變(immutable)內容 + 長 max-age 模式二:可變(mutable)內容,始終由服務器驗證 模式一:不可變內容 + 長 max-age Cache-Control:max-age=31536

http緩存 , Css , 瀏覽器緩存 , 前端 , Javascript

破曉L - React 50 種狀態類型

React 是一個視圖層框架,其核心思想是 UI = f(state),即「UI 是 state 的投影」,state 自上而下流動,整個 React 組件樹由 state 驅動。當一個 React 應用程序足夠複雜,組件嵌套足夠深時,組件樹中的狀態流動會變得難以控制(例如你如何跟蹤父節點的 state 流動到葉子節點時產生的變化)。這時我們就需要對 state 進行管理,在進行狀態管理的同時,還

react , 狀態管理 , 組件通信 , 前端 , Javascript