贡献者374
粉丝0
在 TypeScript 中，類型推斷（Type Inference）是一個強大且被廣泛使用的特性。它允許開發者在許多情況下省略顯式的類型註解，從而簡化代碼，同時仍然享受強類型系統帶來的安全性和可靠性。然而，對於初學者或經驗不足的開發者來説，常常會疑惑：我真的可以完全信任 TypeScript 的類型推斷嗎？它的邊界和侷限性是什麼？ 本文將聚焦於這個問題，通過深入解析 TypeScript 的類型
昵称 用户bPdeUmS
近日，「智效融合，安全護航」深圳站·暨第七期“度安講”技術沙龍成功舉辦，沙龍聚焦企業智能化工程效能探索及其安全能力建設實踐等熱點議題，來自百度、網安加社區、順豐科技、數篷科技、南京大學的產業界和高校嘉賓，與各界生態夥伴共聚一堂，共同切磋探討，共話人工智能時代下，企業如何提升工程效能、創新健康發展思路與實踐，暢想人機協同未來發展趨勢，探索人工智能與企業提效的安全融合之路。 第七期“度安
昵称 百度安全
NodeJS項目架構設計，看這一篇就足夠了！ 前言 大家好，我是倔強青銅三。我是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。 1. 🧩 整潔架構簡介 Clean Architecture（整潔架構）由Robert C. Martin（Uncle Bob）提出，它強調應用程序內部關注點的分離。該架構提倡業務邏輯
昵称 倔強青銅三
教你玩轉JavaScript元編程 大家好，我是倔強青銅三。我是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。 JavaScript元編程：深度解析Proxy、Reflect和對象屬性控制 JavaScript元編程超越了典型編程的範疇，為開發人員提供了一套創建高度靈活、高效和響應式代碼庫的工具。讓我們深入探討Pr
昵称 倔強青銅三
正則要求： 沒有id屬性的h1/2標籤，支持過濾嵌套標籤生成string作為錨點id h[12]: 匹配 h1 或 h2 標籤的開始。 (?![^]*\bid=): 使用負向前瞻，確保標籤中沒有 id 屬性。 [^]*: 匹配 h1 或 h2 標籤中的其他屬性（如果有的話）。 ([\s\S]*?): 捕獲標籤內部的所有字符，包括空格和換行符。 .*? 是非貪婪模式，表示儘可能少地匹配字
昵称 肥皂泡
正則表達式在電話號碼識別中的實踐與優化 在數據處理領域，電話號碼的識別和提取是一個常見而重要的任務。本文將深入探討如何使用正則表達式高效地識別各種格式的電話號碼，以及在實際應用中的優化策略。 電話號碼格式的複雜性 電話號碼的格式因國家和地區而異，主要包括以下幾種情況： 固定電話：區號 + 號碼（如：010-12345678） 移動電話：手機號（如：13812345678） 國際電話：國際區
昵称 強健的餅乾
隨着項目規模的增長和模塊化需求的增強，MonoRepo（單一代碼庫）的管理方式正在成為熱門選擇。本文將帶領你瞭解 MonoRepo 的形成背景，探討主流解決方案（如 pnpm workspaces、TurboRepo、Nx 和 Rush），並通過對比分析這些工具的優劣與適用場景，最終幫助你選擇最適合的工具。 MonoRepo 的形成背景 隨着項目複雜度和團隊規模的擴大，傳統的單體代碼庫或多代碼庫（
昵称 Sean
問題 兩個窗口，顯示組件，A窗口顯示A組件，B窗口顯示B組件，兩個組件共同訂閲一個Service中的Subject，當在A組件中進行修改後，Service中的Subject發送通知，“值變更了”，B組件訂閲不到。 現在打開兩個窗口，每個窗口顯示一個組件，每個組件都訂閲 Service 中的 subjectTest， 在AComponent組件中,每隔一秒發送一條數據： AComponent 組件
昵称 zZ_jie
今天我們開始閲讀pnpm的源碼，深入瞭解pnpm安裝原理，先上圖，pnpm安裝的整體的核心流程如下： 下面我們開始逐步分析。 一、從哪裏開始 每次説到源碼，不太熟悉的人總會有種無從下手的感覺，而pnpm又與我們的框架源碼比如vue又有所不同，因為它是全局安裝的。 前端的小夥伴都知道，全局安裝的依賴不在項目中，那如何找到全局安裝目錄呢？可以通過下面的命令查看： npm confi
昵称 花伊濃
什麼是live2D技術？可以用來做什麼？ 請點擊看效果：http://ashuai.work:8890/#/16 簡而言之： 可以用來創建虛擬角色、數字人的技術 達到類似於動漫、插畫、遊戲中的人物效果 可動作交互、語音發聲 可以用到的平台很多，比如Web、Native、Unity、遊戲引擎、JAVA等平台 就前端而言，3D項目使用threejs，2D項目使用pixijs 所以，pix
昵称 水冗水孚
在現代軟件開發中，創建 定製化的命令行工具(CLI) 已成為滿足公司業務需求的關鍵一環。這類工具可以輔助執行諸如代碼檢查、項目初始化等任務。為了提高開發效率並簡化維護過程，我們將功能模塊化，並通過多個子包來組織這些功能。本文將介紹如何使用 Lerna 來管理一個多包項目，並基於 Commander 實現一個基礎的 CLI 腳手架框架。 初始化：創建入口文件 項目結構 我們以 ice-basic-c
昵称 一顆冰淇淋
在瀏覽器中，JavaScript 代碼通常是通過若干個 script 標籤引入的。而瀏覽器在執行每個 script 標籤時，會有如下特點： 每個 script 標籤引入的 JavaScript 代碼，都是一個宏任務（也就是説，微任務隊列必須在下一個script標籤執行前，全部執行完畢）。 那麼，每個 JavaScript代碼的執行機制是什麼的呢？接下來詳細介紹一下。 變量提升 每一段 Jav
昵称 Steven
在這個瞬息萬變的數字化時代，企業對高效、靈活的應用開發需求日益增長。為了響應這一市場需求，經過無數日夜的匠心研發，我們自豪地宣佈——WebBuilder 10，這一劃時代的快速開發平台，今日正式全球發佈！WebBuilder 10不僅繼承了前代產品的強大功能，更在用户體驗、開發效率、以及技術創新上實現了全面飛躍，旨在為企業級應用開發帶來前所未有的便捷與高效。 官網：https://w
昵称 高興的芹菜
ECMAScript 6（通常稱為 ES6 或 ECMAScript 2015）是 JavaScript 語言的一個重大更新，帶來了許多新特性，這些特性極大地增強了語言的功能性和可維護性。其中，模塊系統的引入是 ES6 最重要的特性之一，它徹底改變了 JavaScript 的開發模式，從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統，討論它的核心概念、與舊
昵称 玩足球的傷疤
前言 又至年關，回顧整個2024年，前端行業仍舊百廢待興，IT業界同樣也未見有所起色，AI風潮也從狂熱興奮逐步走向了冷靜穩定階段，造成此形勢感觀並非單一行業或者某一企業之特例，實為政經等綜合影響之結果。因此，私以為明年的大趨勢和調性應該不會有特別大的變化，雖然外界走向有所放緩，但整個情勢壓力還是不小的。故而，就前端行業而言，個人認為我們能做到的大概有以下幾個方面。 泛化 正如前序所言，相較於前幾
昵称 維李設論
在響應式設計中，Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整，靈活地填充可用空間。因此，無論是在桌面端還是移動端，Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例：響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄，項之間應均勻分佈，並且在小屏幕上時，導航項能夠堆疊在一起： nav class="navbar" a href="#"Home/a
昵称 玩足球的傷疤
初始化 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
昵称 hyfhao
ECMAScript 2024 (ES15) 引入了一個極具潛力的新特性：Map.groupBy()，它大大簡化了數據分組的操作。無論是在處理數組、對象，還是更復雜的業務邏輯中，分組操作都是開發中常見的需求。本文將通過詳細的技術案例和代碼展示，為你剖析 Map.groupBy() 的強大之處。 什麼是 Map.groupBy()？ Map.groupBy() 是 JavaScript 新增的靜態
昵称 李遊Leo
ECMAScript 2024 帶來了一些不錯的新特性，其中 Promise.withResolvers 是一個備受關注的新增方法。這一方法極大地簡化了開發者在手動創建 Promise 時管理 resolve 和 reject 的複雜性。 本文將詳細介紹 Promise.withResolvers 的設計背景、使用方式，並通過多個技術案例展示其在實際開發中的潛力。 背景與問題 在日常開發中，我們
昵称 李遊Leo
ECMAScript 2024 （ES15）標準引入了新的正則表達式標誌 /v，這一新增功能不僅優化了多行匹配的處理，還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要，比如日誌分析、代碼審核等。接下來，本文將深入探討 /v 標誌的實際應用價值，並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具，經常被用於字符
昵称 李遊Leo
ECMAScript 2024 引入了一個新的字符串實例方法：String.prototype.isWellFormed。這一新增功能是為了幫助開發者更容易地驗證字符串是否為有效的 Unicode 文本。本文將詳細介紹這一方法的使用場景、實現原理及其在實際應用中的價值。 String.prototype.isWellFormed：概念與應用 String.prototype.isWellForm
昵称 李遊Leo
效果 在線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，所以目
昵称 xachary
思路 一些視頻學習網站，在學生觀看一段時間後，就自動暫停，防止學生掛機 針對於這個情況，我們可以寫一個腳本去處理，從而做到電腦不關機 睡覺的時候，也能夠自動播放，就很嗨皮 大致就是，通過setInterval定時檢查判斷視頻狀態 並且派發點擊事件讓視頻播放 這樣的話，就可以掛機了 其他的視頻類網站也是類似的思路... 腳本一 document.querySelector(".btn
昵称 水冗水孚
讓人難以置信的是，jQuery，這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫，至今仍在更新。自從 2006 年 8 月震撼亮相以來，它已走過了長達 19 年的路程。還記得麼？他的作者是：John Resig，這個年輕的小夥子也變成老大叔了。 而現在，即便在 React、Vue 這樣的現代框架盛行的今天，或者AI都滿天飛的今天jQuery 仍
昵称 李遊Leo
