tag Javascript

標籤
貢獻1,371
1562
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 invalidnull 頭像 yayu 頭像 icecreamlj 頭像 lengxi_16 頭像 u_15469972 頭像 tanking 頭像 codesheep_pro 頭像 u_15943685 頭像 refanbanzhang 頭像 jdcdevloper 頭像 u_17141077 頭像

@Javascript / 博客 RSS 訂閱

tianhenmei 頭像

花伊濃 - 【源碼】pnpm源碼分析

今天我們開始閲讀pnpm的源碼，深入瞭解pnpm安裝原理，先上圖，pnpm安裝的整體的核心流程如下： 下面我們開始逐步分析。 一、從哪裏開始 每次説到源碼，不太熟悉的人總會有種無從下手的感覺，而pnpm又與我們的框架源碼比如vue又有所不同，因為它是全局安裝的。 前端的小夥伴都知道，全局安裝的依賴不在項目中，那如何找到全局安裝目錄呢？可以通過下面的命令查看： npm confi

源碼 , npm , 前端 , Javascript

收藏 評論

shuirongshui 頭像

水冗水孚 - vue3中實現live2D技術的應用虛擬角色數字人live2d-render、pixi-live2d-display

什麼是live2D技術？可以用來做什麼？ 請點擊看效果：http://ashuai.work:8890/#/16 簡而言之： 可以用來創建虛擬角色、數字人的技術 達到類似於動漫、插畫、遊戲中的人物效果 可動作交互、語音發聲 可以用到的平台很多，比如Web、Native、Unity、遊戲引擎、JAVA等平台 就前端而言，3D項目使用threejs，2D項目使用pixijs 所以，pix

虛擬現實 , vue3 , canvas , Javascript

收藏 評論

u_15469972 頭像

mb61c46a7ab1eee - 實用指南：Qt---setAttribute設置控件或窗口的內部屬性

1. setAttribute() 定義 在 Qt 中，setAttribute() 是 QWidget類的一個成員函數，用來設置控件或窗口的內部屬性（attribute）。 這些屬性控制着控件的行為、外觀或與操作系統的交互方式。 函數原型： void QWidget::setAttribute(Qt::WidgetAttribute

控件 , 子窗口 , qt , 前端開發 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 構建模塊化 CLI：Lerna + Commander 打造靈活的基礎腳手架

在現代軟件開發中，創建 定製化的命令行工具(CLI) 已成為滿足公司業務需求的關鍵一環。這類工具可以輔助執行諸如代碼檢查、項目初始化等任務。為了提高開發效率並簡化維護過程，我們將功能模塊化，並通過多個子包來組織這些功能。本文將介紹如何使用 Lerna 來管理一個多包項目，並基於 Commander 實現一個基礎的 CLI 腳手架框架。 初始化：創建入口文件 項目結構 我們以 ice-basic-c

node.js , 模塊化 , npm , 前端 , Javascript

收藏 評論

steven_code 頭像

Steven - 瀏覽器中的JavaScript執行機制

在瀏覽器中，JavaScript 代碼通常是通過若干個 script 標籤引入的。而瀏覽器在執行每個 script 標籤時，會有如下特點： 每個 script 標籤引入的 JavaScript 代碼，都是一個宏任務（也就是説，微任務隊列必須在下一個script標籤執行前，全部執行完畢）。 那麼，每個 JavaScript代碼的執行機制是什麼的呢？接下來詳細介紹一下。 變量提升 每一段 Jav

閉包 , 執行上下文 , this , 作用域鏈 , Javascript

收藏 評論

gaoxingdeqincai 頭像

高興的芹菜 - 快速開發平台 WebBuilder 10 震撼發佈：重塑快速開發新時代！

在這個瞬息萬變的數字化時代，企業對高效、靈活的應用開發需求日益增長。為了響應這一市場需求，經過無數日夜的匠心研發，我們自豪地宣佈——WebBuilder 10，這一劃時代的快速開發平台，今日正式全球發佈！WebBuilder 10不僅繼承了前代產品的強大功能，更在用户體驗、開發效率、以及技術創新上實現了全面飛躍，旨在為企業級應用開發帶來前所未有的便捷與高效。 官網：https://w

開發工具 , Javascript , Web

收藏 評論

wanzuqiudeshangba 頭像

玩足球的傷疤 - ECMAScript 6 (ES6) 中的模塊系統：從 CommonJS 到 ES6 模塊的演變

ECMAScript 6（通常稱為 ES6 或 ECMAScript 2015）是 JavaScript 語言的一個重大更新，帶來了許多新特性，這些特性極大地增強了語言的功能性和可維護性。其中，模塊系統的引入是 ES6 最重要的特性之一，它徹底改變了 JavaScript 的開發模式，從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統，討論它的核心概念、與舊

ecmascript-6 , es6module , commonjs , 前端 , Javascript

收藏 評論

vleedesigntheory 頭像

維李設論 - 從2024看2025前端發展趨勢

前言 又至年關，回顧整個2024年，前端行業仍舊百廢待興，IT業界同樣也未見有所起色，AI風潮也從狂熱興奮逐步走向了冷靜穩定階段，造成此形勢感觀並非單一行業或者某一企業之特例，實為政經等綜合影響之結果。因此，私以為明年的大趨勢和調性應該不會有特別大的變化，雖然外界走向有所放緩，但整個情勢壓力還是不小的。故而，就前端行業而言，個人認為我們能做到的大概有以下幾個方面。 泛化 正如前序所言，相較於前幾

大前端 , 架構設計 , 前端工程師 , 前端 , Javascript

收藏 評論

wanzuqiudeshangba 頭像

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中，Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整，靈活地填充可用空間。因此，無論是在桌面端還是移動端，Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例：響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄，項之間應均勻分佈，並且在小屏幕上時，導航項能夠堆疊在一起： nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

收藏 評論

hyfhao 頭像

hyfhao - webpack多頁面打包的一次嘗試

初始化 cd 項目名 webpack init 創建第二頁面與其頭文件 touch page2.html touch src/page2.js 修改page2.js console.log("success") 修改webpack.config.js 添加page2.html至plugins項，添加src/page2.js至entry項 最終模板: const path = requi

webpack , HTML , Javascript , Web

收藏 評論

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：Map.groupBy() 分組操作

ECMAScript 2024 (ES15) 引入了一個極具潛力的新特性：Map.groupBy()，它大大簡化了數據分組的操作。無論是在處理數組、對象，還是更復雜的業務邏輯中，分組操作都是開發中常見的需求。本文將通過詳細的技術案例和代碼展示，為你剖析 Map.groupBy() 的強大之處。 什麼是 Map.groupBy()？ Map.groupBy() 是 JavaScript 新增的靜態

ecmascript , 前端 , Javascript

收藏 評論

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：Promise.withResolvers

ECMAScript 2024 帶來了一些不錯的新特性，其中 Promise.withResolvers 是一個備受關注的新增方法。這一方法極大地簡化了開發者在手動創建 Promise 時管理 resolve 和 reject 的複雜性。 本文將詳細介紹 Promise.withResolvers 的設計背景、使用方式，並通過多個技術案例展示其在實際開發中的潛力。 背景與問題 在日常開發中，我們

ecmascript , 前端 , Javascript

收藏 評論

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：正則表達式 /v 標誌

ECMAScript 2024 （ES15）標準引入了新的正則表達式標誌 /v，這一新增功能不僅優化了多行匹配的處理，還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要，比如日誌分析、代碼審核等。接下來，本文將深入探討 /v 標誌的實際應用價值，並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具，經常被用於字符

ecmascript , Javascript

收藏 評論

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：字符串 isWellFormed 方法

ECMAScript 2024 引入了一個新的字符串實例方法：String.prototype.isWellFormed。這一新增功能是為了幫助開發者更容易地驗證字符串是否為有效的 Unicode 文本。本文將詳細介紹這一方法的使用場景、實現原理及其在實際應用中的價值。 String.prototype.isWellFormed：概念與應用 String.prototype.isWellForm

ecmascript , Javascript

收藏 評論

hui_61e3b3803b922 頭像

xachary - 手把手使用 SVG + CSS 實現漸變進度環效果

效果 在線Demo 軌道 使用 svg 畫個軌道 svg viewBox="0 0 100 100" circle cx="50" cy="50" r="40" fill="none" stroke-width="10" stroke="#333"/circle /svg 簡單的説，就是使用 circle 畫個圓。需要注意的是，軌道實際是 circle 的 stroke，所以目

css3 , Javascript , svg

收藏 評論

shuirongshui 頭像

水冗水孚 - 長風網視頻—網課刷課腳本&console控制枱粘貼回車即用

思路 一些視頻學習網站，在學生觀看一段時間後，就自動暫停，防止學生掛機 針對於這個情況，我們可以寫一個腳本去處理，從而做到電腦不關機 睡覺的時候，也能夠自動播放，就很嗨皮 大致就是，通過setInterval定時檢查判斷視頻狀態 並且派發點擊事件讓視頻播放 這樣的話，就可以掛機了 其他的視頻類網站也是類似的思路... 腳本一 document.querySelector(".btn

console , 視頻 , 腳本 , Javascript

收藏 評論

shimiandeshatanku 頭像

李遊Leo - 你可能不敢想象，2025 年，jQuery要更新到 4.0 了

讓人難以置信的是，jQuery，這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫，至今仍在更新。自從 2006 年 8 月震撼亮相以來，它已走過了長達 19 年的路程。還記得麼？他的作者是：John Resig，這個年輕的小夥子也變成老大叔了。 而現在，即便在 React、Vue 這樣的現代框架盛行的今天，或者AI都滿天飛的今天jQuery 仍

jquery , Javascript

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！棧與隊列！用JavaScript學數據結構與算法

🧑‍💻JavaScript數據結構與算法-HowieCong 務必要熟悉JavaScript使用再來學！ 一、數組增刪操作 在瞭解棧和隊列前，明確數組中的增刪操作具有什麼樣的特性、對應的方法有哪些： 靈活增刪的數組 數組增加元素的三種方法： unshift方法，添加元素到數組的頭部

數據結構 , 算法 , 程序員 , 數據結構和算法 , Javascript

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！鏈表！用JavaScript學數據結構與算法

🧑‍💻JavaScript數據結構與算法-HowieCong 務必要熟悉JavaScript使用再來學！ 一、鏈表的基本形態 鏈表和數組都是有序的列表，都是線性結構（有且僅有一個前驅，有且僅有一個後續）；不同點在於，鏈表中，數據單位的名稱叫做“結點”，而結點和結點的分佈，在內存中都是離散的 1. 數組的“連續” 在內存中最為關鍵的一個特徵，就是對應一段位於自身上界和下界之間的，一段連

數據結構 , 算法 , 程序員 , 數據結構和算法 , Javascript

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！二叉樹！用JavaScript學數據結構與算法

🧑‍💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、樹是什麼？ 數據結構中的樹，對於現實世界中的樹簡化——樹根抽象為“根節點”，樹枝抽象為“邊”，樹枝的兩個端點抽象為“結點”，樹葉抽象為“葉子結點” 計算機中的樹如下： 二、樹的重點 樹的層次計算規則：根結點所在的那一層為第一層，其子節點為第二層，以此類推 結點和樹

數據結構 , 算法 , 程序員 , 數據結構和算法 , Javascript

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！二叉樹的遍歷！用JavaScript學數據結構與算法

🧑‍💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、遍歷的方式 按照順序規則的不同，遍歷方式有如下四種： 先序遍歷 中序遍歷 後序遍歷 層次遍歷 按照實現方式的不同，遍歷方式又可以分為以下兩種： 遞歸遍歷（先，中，後序遍歷） 迭代遍歷（層次遍歷） 二

數據結構 , 算法 , 程序員 , 數據結構和算法 , Javascript

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！時間複雜度和空間複雜度！用JavaScript學數據結構與算法

🧑‍💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、時間複雜度 （1）下面代碼，一共執行了幾次？ function traverse(arr){ // 最沒有懸念的是函數裏面的第一行代碼，只會被執行1次 var len = arr.length // 1. i的初始化語句，只有一次，只會被執行1次 //

數據結構 , 算法 , 程序員 , 數據結構和算法 , Javascript

收藏 評論

shimiandeshatanku 頭像

李遊Leo - JavaScript閉包深入剖析：性能剖析與優化技巧

一、引言 在 JavaScript 的奇妙世界裏，閉包無疑是一個既強大又迷人的特性。它就像是一把萬能鑰匙，為開發者打開了實現各種高級功能的大門。從數據封裝與保護，到函數的記憶化，再到模塊化開發，閉包都發揮着舉足輕重的作用。在實際開發中，我們常常利用閉包來創建私有變量和方法，避免全局變量的污染，提高代碼的可維護性和安全性。例如，在一個大型的 Web 應用中，我們可以使用閉包來封裝一些只在特定模塊內部

閉包 , Javascript

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！數組實戰-雙指針！用JavaScript學數據結構與算法

🧑‍💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、兩數求和——Map 原題: 給定一個整數數組 nums 和一個目標值 target，請你在該數組中找出和為目標值的那 兩個 整數，並返回他們的數組下標。你可以假設每種輸入只會對應一個答案。但是，你不能重複利用這個數組中同樣的元素。 示例： 給定 nums = [2, 7, 1

數據結構 , 算法 , 程序員 , 數據結構和算法 , Javascript

收藏 評論