記錄---前端實現倒計時為什麼會存在誤差呢
🧑💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 1. 前端倒計時為何不準？ 1.1 JavaScript的“單線程陷阱” JavaScript是單線程語言，所有任務（包括定時器回調）都在同一個線程中排隊執行。當主線程被耗時任務（如複雜計算、網絡請求）阻塞時，定時器回調只能“望隊興嘆”，導致實際執行時間遠晚於預期時間。就像一家只有一個收銀台的超市，即使定時
Nickname 林恆
@Javascript
Contributes369
Followers0
Contributes
@Javascript
Stories List
echarts大屏項目指南
大屏項目指南 資源列表 1. echars官方文檔：[Apache ECharts](https://echarts.apache.org/zh/index.html) 1. api： [Api](https://echarts.apache.org/zh/api.html#echarts) 2. 配置項手冊：[Options](https://echarts.apache.org/zh/
Nickname 丁同亞的博客
記錄---一篇文了解qiankun的代碼隔離原理
🧑💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 隨着前端業務的快速發展，微前端架構已經被廣泛採用，其中qiankun作為主流解決方案也越來越受到關注。前幾天面試時，我就被問到了一個高頻問題：qiankun 是如何實現 JS 和 CSS 隔離的？ qiankun 的JS 沙箱 qiankun 的微前端場景是：主應用加載多個子應用，不同子應用可能依賴不同版本的庫、全
Nickname 林恆
Web前端入門第 86 問：JavaScript 中的 Web Worker 為什麼能提升代碼性能？
最初的 JS 執行代碼都是一條線執行到底，當遇到比較耗時的操作時，比如大數組循環運算，就會導致頁面卡着，就像假死一樣。就像一個人在廚房燒菜一樣，需要依次完成切菜、炒菜、裝盤這些步驟，此過程中沒辦法同時做其他事情，必須按順序執行每一個步驟。 Web Worker 賦予了 JS 分配任務的能力，在遇到複雜的計算型任務時，比如 canvas 圖形圖像處理（添加濾鏡、矩陣變換等），此類不依賴 DOM 操作
Nickname 前端路引
JavaScript數據網格方案AG Grid 34.2 發佈：更靈活的數據結構、更流暢的大數據交互與全新 UI 體驗
近日，JavaScript 數據表格方案AG Grid版本，本次更新為開發者帶來了更靈活的數據分組方式、更順暢的大數據集交互體驗，以及更直觀的 UI 提示與操作反饋。 AG Grid最新版下載，請聯繫AG Grid中國區合作伙伴慧都科技 以下為本次更新的核心亮點： 核心功能更新 1. 日期與時間分組 支持基於日期的層級分組（如日、周、月、季度、年等），開發者可通過rowGroupingHiera
Nickname IT開發者筆記
Web前端入門第 88 問：引入 JavaScript 的 script 標籤究竟有多少用法？
HTML 版本不停的更新迭代，也導致瀏覽器支持的寫法眼花繚亂，就拿 script 標籤來説，剛剛入行的那會兒就只知道用來寫內聯的 js 代碼，後來又學到了引入 js 文件，ES 模塊規範化之後又知道能用來引入模塊化的 js 代碼，可這就是它的全部了嗎？？ 然而...並不是！！！ 各種用法 看看 script 千奇百怪的用法，一定有你沒見過的~~ 1、內聯腳本 如文章開頭説的一樣，直接用來寫內聯腳本
Nickname 前端路引
AG Grid推出全新MCP服務器——讓AI更智能地理解你的數據表格！
作為全球領先的前端表格控件之一，AG Grid再次引領創新。近日，AG Grid正式發佈AG MCP（Model Context Protocol Server）—— 一個基於開源協議的智能接口，旨在讓各類AI模型（如Claude、Cursor、Copilot等）能夠直接訪問最新、最準確的AG Grid知識庫。 AG Grid最新版試用，請聯繫AG Grid中國區合作伙伴慧都科技 這意味着，無論
Nickname IT開發者筆記
📥 x-cmd install | vtop - 在終端中實時掌握系統性能，讓監控更直觀！
還在用 top 命令查看 CPU 和內存使用情況？是時候升級你的監控體驗了！vtop 是一款強大的命令行工具和 TUI（文本用户界面），它使用 Unicode Braille 字符，在你的終端中繪製出 CPU 和內存使用率的實時圖表。告別枯燥的數字，迎接可視化的監控新時代！ 安裝 # 啓用 install 模塊的交互式 APP，install 可簡寫為 i x i 選定軟件後，按下回車鍵將展示
Nickname xcmd
「過程詳解」async await綜合題
前言 如果你之前跟我一樣一直對async await熟悉又陌生的話（熟悉是可能每天都在用，陌生是針對一些組合題又丈二和尚摸不着頭腦），不妨可以邊看邊練，總結規律，相信會逐漸清晰並有所得。本文對每個案例都詳細描述了代碼的執行流程，如有不妥歡迎指正。 async 函數return值 async函數默認會返回一個Promise對象，不管最後函數有沒有return值。但是針對具體的返回值情況，實際上表現會
Nickname wuwhs
瞭解關鍵區別：await vs return vs return await
異步編程是現代 JavaScript 開發中一個重要方面，它使我們能夠處理耗時的操作，而不會阻塞其他任務的執行。使用異步函數時，我們會遇到三個重要的關鍵字：await 、return、return await。在本文中，我們將探討這些關鍵字之間的差異，並討論何時使用每個關鍵字。 在深入探討細節之前，讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數，可以使用 await 關鍵字。它允許我
Nickname 破曉L
【單頁面應用 】發版後如何【通知用户端更新】
【單頁面 】發版後如何【通知用户端更新】 現象描述： 首先技術棧,是vue全家桶技術棧。典型spa單頁應用，每次有新功能的上線，都需要主動通知，使用者自主刷新頁面【強刷】，才能出現新功能。 產生原因： 每次打包發版【代碼有變化】，index.html,網站即入口文件是變化的。 但是在單頁面應用，頁面跳轉，都在同一個瀏覽器線程中，不會再一次請求index.html 資源，即使你對
Nickname 方糖先生
手動為 SAP Spartacus 添加 SSR 即服務器端渲染的步驟
ng add @spartacus/schematics --ssr 在用 SAP Spartacus 開發的 store 裏，能看到 devDependencies 裏具有 @spartacus/schematics 的依賴： 這是 SAP Spartacus Schematics 的一部分：https://sap.github.io/spartacus-docs/schematics. Sp
Nickname 註銷
3 KB 的博客首頁，我是如何做到的？
這並不是一篇網絡上氾濫的“前端體積優化”文章。 百尺竿頭，更進一步！本文以我的博客為例，介紹極限控制頁面體積的奇技淫巧。 成果預覽 眼見為實，本人博客首頁 的網絡傳輸總體積為 2.6 KB。 本人的博客 Repo 在 kblog - GitHub，喜歡就給個 Star 唄~ 需求精簡 平淡無奇的頁面，體積再小，也不足為奇。我需要： 單頁面（SPA）。 使用 Material
Nickname kkocdko
將您的基於 Accelerator 的 SAP 電商雲 Storefront 遷移到 Spartacus Storefront
原文：Migrate Your Accelerator-based Storefront to Project Spartacus 如果您已閲讀過“遷移到 Spartacus javascript storefront 項目的五個原因”和“SAP Commerce Cloud Project Spartacus 入門”這兩篇文章，您可能想要遷移到基於無狀態高性能架構的 storefront, 並且
Nickname 註銷
SAP Spartacus develop branch 的服務器端渲染啓動方式
(1) yarn build:libs 這個命令行是完成本地 library 的構建。需要將近10分鐘。 (2) 這個命令是完成 shell app 的構建。 yarn build --prod 命令行裏出現的 40.76 來自 .env-cmdrc 文件： 需要將近3分鐘。 (3) 使用如下命令進行服務器端 shell 應用的構建： yarn build:ssr 需要將近1分鐘。
Nickname 註銷
SAP 電商雲 Spartacus UI 裏的 Content Security Policy
內容安全策略(Content Security Policy，簡稱 CSP)是一種工具，允許開發人員指定在通過 Web 瀏覽器訪問 Storefront 頁面時允許加載哪些位置和哪些類型的資源。 可以使用內容安全策略來鎖定店面應用程序，並降低內容注入漏洞的風險，例如跨站點腳本 (XSS)、代碼注入和點擊劫持攻擊(clickjacking)，以及降低您的店面應用程序執行的權限。 Target Pol
Nickname 註銷
現代前端原生路由：Navigation API
原文：https://github.com/zhbhun/blo... Navigation API 是 Chrome 提出的一套導航 API，提供了操作和攔截導航的能力，以及對應用程序的歷史導航記錄進行訪問。這為 window.history 和 window.location 提供了一個更有用的替代品，特別是 SPA 這種模式。目前該 API 只有 Chromium 內核的瀏覽器才支持。 W
Nickname zhbhun
單頁應用的優缺點
上月面試海康威視的一道面試題。 單頁應用，即常説的SPA，Single Page Application，從名稱上就可以看出它最大的特點，就是單頁面，即只有一個頁面；相對的就是多頁面，即MPA，Multi-Page Application。 在多頁面的情況下，我們在切換不同頁面時，需要向服務器發送多次請求來獲取不同頁面內容，在獲取到內容後，整個瀏覽器視口需要被重新渲染，而等待服務器的響應需要一定的
Nickname beckyyyy
原生JavaScript實現的SPA單頁應用（hash路由）
什麼叫做SPA單頁應用 單頁Web應用 （single page web application，SPA） ，就是隻有一張Web頁面的應用，是加載單個HTML 頁面並在用户與應用程序交互時動態更新該頁面的Web應用程序。 單頁應用的説法是在JavaScript和AJAX技術比較成熟以後才出現的，指的是通過瀏覽器訪問一個網站時，只需要加載一個入口頁面，此後顯示的內容和數據都不會再刷新瀏覽器頁面。有了
Nickname TANKING
微前端框架single-spa子應用加載解析
作者：京東物流 寧衝 1 前言 什麼是微前端？ 微前端是指存在於瀏覽器中的微服務。 本文主要通過對微前端框架single-spa的基座應用加載子應用的single-spa-vue函數庫進行分析，通過代碼維度分析讓大家瞭解在single-spa加載子應用的時候都做了哪些事情。如何通過優化single-spa-vue函數庫保持子應用的狀態。 由於是在代碼維度進行分析，要求讀者對single-sp
Nickname 京東雲開發者
前端工程化4：如何去做js模塊化開發？ES Modules/CommonJS有什麼區別？
1. 如何去做js模塊化開發 = 模塊化標準 + 加載器 1.1、我們説討論的僅限於javascript代碼的模塊化，如果要涉及到所有文件的模塊化請使用webpack。 1.2、那麼js的模塊化可以用一句話概括：模塊化標準 + 加載器；本文主要介紹模塊化標準。 2. 幾種模塊化標準對比： CommonJS 1、以同步的模式加載模塊：通常在Nodejs環境使用，不適合瀏覽器 1. 因為服務器讀
Nickname 拖泥羊
前端模塊化CommonJs、AMD、CMD、ES
CommonJs、ADM、CMD 什麼是模塊 將一個複雜的程序依據一定的規則(規範)封裝成幾個塊(文件), 並進行組合在一起 塊的內部數據與實現是私有的(閉包/封裝), 只是向外部暴露一些接口(方法)與外部其它模塊通信 模塊化的進化過程 全局function模式 : 將不同的功能封裝成不同的全局函數 代碼: 將不同的功能封裝成不同的全局函數 問題: 污染全局命名
Nickname Bill
深入淺出 ESM 模塊 和 CommonJS 模塊
阮一峯在 ES6 入門 中提到 ES6 模塊與 CommonJS 模塊有一些重大的差異： CommonJS 模塊輸出的是一個值的拷貝，ES6 模塊輸出的是值的引用。 CommonJS 模塊是運行時加載，ES6 模塊是編譯時輸出接口。 再細讀上面阮老師提到的差異，會產生諸多疑問： 為什麼 CommonJS 模塊輸出的是一個值的拷貝？其具體細節是什麼樣子的？ 什麼叫 運行時加載? 什麼
Nickname 局外人
js模塊化
js模塊化 https://blog.csdn.net/weixin_... https://zh.javascript.info/mo... commonJS 基於node端的運行 暴露 const name = "xxx"; const age = 1; /** * moudle.exports={}暴露 */ module.exports = { getName,
Nickname 1916