摘要：
第一次看到 ws:// 和 wss:// 時候，感覺好高級啊，還有這種協議。 Websocket 歷史 WebSocket是在2008年6月誕生的1。經由IEFT標準化后，2009年chrome 4第一個提供了該標準支持，并默認啟用。于2011年由IEFT標準化為RFC 6455。 現在的瀏覽器均已 閱讀全文
posted @ 2022-03-15 09:31
Achieve前端實驗室
閱(yue)讀(1024)
評論(lun)(0)
推(tui)薦(4)
摘要：
基礎問答 問：async/await 的原理是什么？ 答：關鍵字本身就是 Promise 的語法糖，依托于生成器函數 （Generator） 函數能力實現的。async 關鍵字標志這個函數為異步函數，并且將返回結果封裝為一個 Promise，await 則是暫停當前執行，等待后續的異步操作完成后再恢 閱讀全文
posted @ 2025-10-28 17:25
Achieve前端實驗室
閱讀(115)
評(ping)論(0)
推薦(1)
摘要：
基礎問答 問：手寫一個防抖函數 答： /** * 基礎版防抖函數（非立即執行） * @param {Function} func - 需要防抖的目標函數 * @param {number} delay - 等待時間（毫秒） * @returns {Function} - 防抖后的函數 */ func 閱讀全文
posted @ 2025-10-27 10:52
Achieve前端實驗室
閱讀(309)
評論(0)
推薦(jian)(1)
摘要：
基礎問答 問題：標準的 CSS 盒子模型是怎樣的？ 答案：標準盒子模型由內容區域（content）、內邊距（padding）、邊框（border）和外邊距（margin）組成。在 content-box 模式下，width 和 height 屬性僅指內容區域的寬度和高度，元素實際占據的寬度 = wi 閱讀全文
posted @ 2025-10-09 21:34
Achieve前端實驗室
閱讀(19)
評(ping)論(lun)(0)
推(tui)薦(1)
摘要：
基礎問答 問題：你在寫代碼的過程中，在什么時候才會設置 setTimeout 的延時為 0？ 回答：有如下幾種情況 避免同步任務阻塞 UI，即在渲染較多數據的時候，可以通過 setTimeout 分批渲染。 const data = new Array(1000).fill(1).map((x, i 閱讀全文
posted @ 2025-09-29 10:16
Achieve前端實驗室
閱讀(258)
評論(lun)(0)
推薦(1)
摘要：
基礎問答 問題：談一談你對 React Hook的閉包陷阱的理解。 產生問題的原因：JavaScript 閉包特性 + Hooks 渲染機制 閉包的本質：函數能夠訪問其定義時所在的詞法作用域，即使函數在作用域外執行，也可以記住定義時的詞法作用域的內容，后續執行時，使用這些信息。 function c 閱讀全文
posted @ 2025-09-26 16:44
Achieve前端實驗室
閱讀(du)(154)
評論(lun)(2)
推薦(jian)(3)
摘要：
概述 沙箱可以簡單的理解為一個虛擬機，是一個和宿主機隔離的環境，在這個環境中去運行一些不受信任的代碼或者應用程序，防止不安全的代碼對系統造成損害。 比如我們現在知道某個應用是詐騙軟件或者病毒軟件，但是我們依舊想要運行，想逆向分析他，那么我們就可以選擇在電腦上安裝一個虛擬機，在這個虛擬機中，我們將對攝 閱讀全文
posted @ 2025-09-25 13:55
Achieve前端實驗室
閱(yue)讀(101)
評論(0)
推薦(0)
摘要：
簡潔版 代碼如下： /** * 創建用于獲取文字寬度的 DOM，全局唯一 * @returns */ const createTextDom = (fontSize?: number): HTMLElement => { let dom = document.getElementById('get- 閱讀全文
posted @ 2025-09-24 15:02
Achieve前端實驗室
閱讀(199)
評論(lun)(0)
推薦(jian)(1)
摘要：
簡潔版 CSS 只需要使用 css 屬性 position: sticky 即可，但是這個屬性的使用有很多約束條件，有時可能并不能生效。 JavaScript 這里簡化一些代碼，使用 React 寫了一個 hooks，使用了 ahooks 庫去維護 event 和 React 生命周期。 impor 閱讀全文
posted @ 2025-09-23 10:38
Achieve前端實驗室
閱讀(161)
評(ping)論(0)
推薦(0)
摘要：
這是對之前《Docker 容器化》文章的一個補充 在 Docker 等容器技術普及前，開發、測試、運維團隊常被環境不一致、部署復雜、資源浪費、擴容低效為典型的問題困擾，這些問題不僅可能導致項目的交付周期的延后，還會引發跨團隊協作矛盾，甚至導致線上故障，我們逐一來看每個問題。 環境不一致 “在我這里好 閱讀全文
posted @ 2025-09-12 11:28
Achieve前端實驗室
閱讀(du)(28)
評論(0)
推薦(0)
摘要：
引言 在解釋docker是什么之前，我們首先應該先了解的是容器化的概念。 什么是容器？就是一個沙箱，在這個沙箱中涵蓋了特定應用運行的一切依賴的內容。但他不是一個操作系統，且和底層的操作系統是隔離的。 什么是容器化？容器化就是將軟件和應用所需要的所有依賴打包到一個獨立的容器中，使得軟件能夠在不同的計算 閱讀全文
posted @ 2025-09-12 11:16
Achieve前端實驗室
閱讀(du)(276)
評論(0)
推(tui)薦(jian)(0)