Contributes369
Followers0
最初的 JS 執行代碼都是一條線執行到底，當遇到比較耗時的操作時，比如大數組循環運算，就會導致頁面卡着，就像假死一樣。就像一個人在廚房燒菜一樣，需要依次完成切菜、炒菜、裝盤這些步驟，此過程中沒辦法同時做其他事情，必須按順序執行每一個步驟。 Web Worker 賦予了 JS 分配任務的能力，在遇到複雜的計算型任務時，比如 canvas 圖形圖像處理（添加濾鏡、矩陣變換等），此類不依賴 DOM 操作
Nickname 前端路引
近日，JavaScript 數據表格方案AG Grid版本，本次更新為開發者帶來了更靈活的數據分組方式、更順暢的大數據集交互體驗，以及更直觀的 UI 提示與操作反饋。 AG Grid最新版下載，請聯繫AG Grid中國區合作伙伴慧都科技 以下為本次更新的核心亮點： 核心功能更新 1. 日期與時間分組 支持基於日期的層級分組（如日、周、月、季度、年等），開發者可通過rowGroupingHiera
Nickname IT開發者筆記
HTML 版本不停的更新迭代，也導致瀏覽器支持的寫法眼花繚亂，就拿 script 標籤來説，剛剛入行的那會兒就只知道用來寫內聯的 js 代碼，後來又學到了引入 js 文件，ES 模塊規範化之後又知道能用來引入模塊化的 js 代碼，可這就是它的全部了嗎？？ 然而...並不是！！！ 各種用法 看看 script 千奇百怪的用法，一定有你沒見過的~~ 1、內聯腳本 如文章開頭説的一樣，直接用來寫內聯腳本
Nickname 前端路引
作為全球領先的前端表格控件之一，AG Grid再次引領創新。近日，AG Grid正式發佈AG MCP（Model Context Protocol Server）—— 一個基於開源協議的智能接口，旨在讓各類AI模型（如Claude、Cursor、Copilot等）能夠直接訪問最新、最準確的AG Grid知識庫。 AG Grid最新版試用，請聯繫AG Grid中國區合作伙伴慧都科技 這意味着，無論
Nickname IT開發者筆記
還在用 top 命令查看 CPU 和內存使用情況？是時候升級你的監控體驗了！vtop 是一款強大的命令行工具和 TUI（文本用户界面），它使用 Unicode Braille 字符，在你的終端中繪製出 CPU 和內存使用率的實時圖表。告別枯燥的數字，迎接可視化的監控新時代！ 安裝 # 啓用 install 模塊的交互式 APP，install 可簡寫為 i x i 選定軟件後，按下回車鍵將展示
Nickname xcmd
前言 如果你之前跟我一樣一直對async await熟悉又陌生的話（熟悉是可能每天都在用，陌生是針對一些組合題又丈二和尚摸不着頭腦），不妨可以邊看邊練，總結規律，相信會逐漸清晰並有所得。本文對每個案例都詳細描述了代碼的執行流程，如有不妥歡迎指正。 async 函數return值 async函數默認會返回一個Promise對象，不管最後函數有沒有return值。但是針對具體的返回值情況，實際上表現會
Nickname wuwhs
異步編程是現代 JavaScript 開發中一個重要方面，它使我們能夠處理耗時的操作，而不會阻塞其他任務的執行。使用異步函數時，我們會遇到三個重要的關鍵字：await 、return、return await。在本文中，我們將探討這些關鍵字之間的差異，並討論何時使用每個關鍵字。 在深入探討細節之前，讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數，可以使用 await 關鍵字。它允許我
Nickname 破曉L
【單頁面 】發版後如何【通知用户端更新】 現象描述： 首先技術棧,是vue全家桶技術棧。典型spa單頁應用，每次有新功能的上線，都需要主動通知，使用者自主刷新頁面【強刷】，才能出現新功能。 產生原因： 每次打包發版【代碼有變化】，index.html,網站即入口文件是變化的。 但是在單頁面應用，頁面跳轉，都在同一個瀏覽器線程中，不會再一次請求index.html 資源，即使你對
Nickname 方糖先生
ng add @spartacus/schematics --ssr 在用 SAP Spartacus 開發的 store 裏，能看到 devDependencies 裏具有 @spartacus/schematics 的依賴： 這是 SAP Spartacus Schematics 的一部分：https://sap.github.io/spartacus-docs/schematics. Sp
Nickname 註銷
這並不是一篇網絡上氾濫的“前端體積優化”文章。 百尺竿頭，更進一步！本文以我的博客為例，介紹極限控制頁面體積的奇技淫巧。 成果預覽 眼見為實，本人博客首頁 的網絡傳輸總體積為 2.6 KB。 本人的博客 Repo 在 kblog - GitHub，喜歡就給個 Star 唄~ 需求精簡 平淡無奇的頁面，體積再小，也不足為奇。我需要： 單頁面（SPA）。 使用 Material
Nickname kkocdko
原文：Migrate Your Accelerator-based Storefront to Project Spartacus 如果您已閲讀過“遷移到 Spartacus javascript storefront 項目的五個原因”和“SAP Commerce Cloud Project Spartacus 入門”這兩篇文章，您可能想要遷移到基於無狀態高性能架構的 storefront, 並且
Nickname 註銷
(1) yarn build:libs 這個命令行是完成本地 library 的構建。需要將近10分鐘。 (2) 這個命令是完成 shell app 的構建。 yarn build --prod 命令行裏出現的 40.76 來自 .env-cmdrc 文件： 需要將近3分鐘。 (3) 使用如下命令進行服務器端 shell 應用的構建： yarn build:ssr 需要將近1分鐘。
Nickname 註銷
內容安全策略(Content Security Policy，簡稱 CSP)是一種工具，允許開發人員指定在通過 Web 瀏覽器訪問 Storefront 頁面時允許加載哪些位置和哪些類型的資源。 可以使用內容安全策略來鎖定店面應用程序，並降低內容注入漏洞的風險，例如跨站點腳本 (XSS)、代碼注入和點擊劫持攻擊(clickjacking)，以及降低您的店面應用程序執行的權限。 Target Pol
Nickname 註銷
原文：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
什麼叫做SPA單頁應用 單頁Web應用 （single page web application，SPA） ，就是隻有一張Web頁面的應用，是加載單個HTML 頁面並在用户與應用程序交互時動態更新該頁面的Web應用程序。 單頁應用的説法是在JavaScript和AJAX技術比較成熟以後才出現的，指的是通過瀏覽器訪問一個網站時，只需要加載一個入口頁面，此後顯示的內容和數據都不會再刷新瀏覽器頁面。有了
Nickname TANKING
作者：京東物流 寧衝 1 前言 什麼是微前端？ 微前端是指存在於瀏覽器中的微服務。 本文主要通過對微前端框架single-spa的基座應用加載子應用的single-spa-vue函數庫進行分析，通過代碼維度分析讓大家瞭解在single-spa加載子應用的時候都做了哪些事情。如何通過優化single-spa-vue函數庫保持子應用的狀態。 由於是在代碼維度進行分析，要求讀者對single-sp
Nickname 京東雲開發者
1. 如何去做js模塊化開發 = 模塊化標準 + 加載器 1.1、我們説討論的僅限於javascript代碼的模塊化，如果要涉及到所有文件的模塊化請使用webpack。 1.2、那麼js的模塊化可以用一句話概括：模塊化標準 + 加載器；本文主要介紹模塊化標準。 2. 幾種模塊化標準對比： CommonJS 1、以同步的模式加載模塊：通常在Nodejs環境使用，不適合瀏覽器 1. 因為服務器讀
Nickname 拖泥羊
CommonJs、ADM、CMD 什麼是模塊 將一個複雜的程序依據一定的規則(規範)封裝成幾個塊(文件), 並進行組合在一起 塊的內部數據與實現是私有的(閉包/封裝), 只是向外部暴露一些接口(方法)與外部其它模塊通信 模塊化的進化過程 全局function模式 : 將不同的功能封裝成不同的全局函數 代碼: 將不同的功能封裝成不同的全局函數 問題: 污染全局命名
Nickname Bill
阮一峯在 ES6 入門 中提到 ES6 模塊與 CommonJS 模塊有一些重大的差異： CommonJS 模塊輸出的是一個值的拷貝，ES6 模塊輸出的是值的引用。 CommonJS 模塊是運行時加載，ES6 模塊是編譯時輸出接口。 再細讀上面阮老師提到的差異，會產生諸多疑問： 為什麼 CommonJS 模塊輸出的是一個值的拷貝？其具體細節是什麼樣子的？ 什麼叫 運行時加載? 什麼
Nickname 局外人
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
瞭解Node.js Node.js是一個基於ChromeV8引擎的JavaScript運行環境，使用了一個事件驅動、非阻塞式I/O模型，讓JavaScript 運行在服務端的開發平台，它讓JavaScript成為與PHP、Python、Perl、Ruby等服務端語言平起平坐的腳本語言。Node中增添了很多內置的模塊，提供各種各樣的功能，同時也提供許多第三方模塊。 模塊的問題 為什麼要有模塊 複雜的
Nickname 京東雲開發者
目前，前端開發已經離不開由 CommonJS、ES Modules 和 Webpack 構建的模塊化開發環境。無論是 JavaScript、CSS、圖片還是其他資源，都可以作為一個模塊來處理。那麼，模塊化究竟是如何發展到今天的呢？ 全局函數模式 最初的前端模塊化嘗試是通過 全局函數來實現的。例如，在一個 util.js 文件中定義了一個變量 count 和一個工具函數 formatNumberWi
Nickname 一顆冰淇淋
前言 一般來講，電腦是不能直接運行我們的javascript代碼的，它需要一個翻譯程序將人類能夠理解的編程語言 JavaScript，翻譯成機器能夠理解的機器語言。目前市面上有很多種 JavaScript 引擎，諸如 SpiderMonkey、V8、JavaScriptCore 等。而由谷歌開發的開源項目 V8 是當下使用最廣泛的 JavaScript 虛擬機，全球有超過 25 億枱安卓設備，而這
Nickname 南玖
