tag Javascript

標籤
貢獻1,371
1560
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 訂閱

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - Vue.js：輕量高效的前端框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架，因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發，也可用於構建複雜的單頁面應用（SPA）。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js（簡稱 Vue）由尤雨溪於 2014 年推出，是一個專注於視圖層的 JavaSc

vue.js , ecmascript-6 , typescript , 前端 , Javascript

收藏 評論

codesheep_pro 頭像

CodeSheep - Jetbrains正式官宣免費，太炸裂了！！

提到 Jetbrains，相信搞開發的同學應該都不陌生。 眾所周知，該公司盛產各種編程IDE和開發工具。 2000年才成立，到現在卻已經發布了超30款世界頂級的編程軟件，同時也收穫了來自全球範圍內開發者和用户的青睞。 而就在不久前，Jetbrains 又放出了一個爆炸式的消息，那就是： Jetbrains 正式官宣： WebStorm 和 Rider 這兩款強大的IDE從現在開始對非商業用途全

ecmascript-6 , c# , typescript , 前端 , Javascript

收藏 評論

coderleo 頭像

coderLeo - 手擼Webpack自定義Loader

前言 我們知道 webpack 只能處理 JavaScript 和 Json 文件，面對 CSS、圖片等資源是無能為力的，它需要通過 loader 將這些資源轉換為可處理的模塊。 loader 的本質是一個解析資源的函數模塊，該函數對接受到的內容進行轉換，然後返回 webpack 可處理的資源。 loader的執行順序 loader 可根據執行順序區分為： pre： 前置 loader no

前端工程化 , webpack , 前端 , Javascript

收藏 評論

coderleo 頭像

coderLeo - 手擼Webpack自定義Plugin

前言 webpack-plugin 向開發者提供了 webpack 引擎中完整的能力。通過插件擴展 webpack，加入自定義的構建行為，使 webpack 可以執行更廣泛的任務，擁有更強的構建能力。 與 loader 相同，plugin 的本質也是一個模塊（它包含一個apply函數），符合 webpack 的一切皆模塊的理念。 工作原理 webpack 就像一條串行的生產線，要經過一系列處理流程

前端工程化 , webpack , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - Node.js 構建命令行工具：實現 ls 命令的 -a 和 -l 選項

在日常的前端開發中，我們常常藉助各種基於 Node.js 的腳手架工具來加速項目搭建和維護，比如 create-react-app 可以一鍵初始化一個 React 項目，eslint 則幫助我們保持代碼的整潔和一致。而在公司內部，為了更好地滿足特定業務的需求，我們往往會構建自己的腳手架工具，如自定義的 React 或 Vue 框架、內部使用的代碼檢查工具等。本篇文章來和大家分享一下如何用 Node

node.js , 前端工程化 , 前端 , Javascript

收藏 評論

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 關於前端壓縮字體的方法

我在編寫一個撰寫日常的網站，需要用到自定義字體，在網上找到一ttf的字體，發現體積很大，需要進行壓縮 如何壓縮 目前我們的字體是.ttf字體，其實我們需要把字體轉換成.woff字體 WOFF本質上是包含了基於SFNT的字體（如TrueType、OpenType或其他開放字體格式），且這些字體均經過WOFF的編碼工具壓縮，以便嵌入網頁中。[[3]](https://zh.wikipedia.org/

字體 , 壓縮工具 , Javascript

收藏 評論

daoshanghundesijidou 頭像

用户bPdeG32 - JavaScript 與 TypeScript 的詳細對比

JavaScript 是當前 Web 開發的主要編程語言，也是現代前端開發的基石。儘管它靈活而強大，但在大型項目中，JavaScript 的動態類型系統和無類型檢查常常帶來代碼管理上的問題。為了解決這些問題，微軟在 2012 年推出了 TypeScript，這是一種 JavaScript 的超集，增加了靜態類型檢查、接口、類和其他現代化的編程特性。 本文將深入對比 JavaScript 和 Typ

ecmascript-6 , node.js , typescript , 前端 , Javascript

收藏 評論

daoshanghundesijidou 頭像

用户bPdeG32 - 遞歸與迭代：理解與選擇的藝術

在編程中，“遞歸”和“迭代”是兩種解決問題的常見方法。這兩者本質上都是為了處理複雜的、重複的操作或數據結構，比如樹、鏈表、數學運算等。遞歸是函數自我調用的一種形式，而迭代則是通過循環控制結構來解決問題。本文將專注於探討遞歸與迭代的不同之處、各自的優勢與劣勢，以及如何在實際開發中選擇合適的方式解決問題。 1. 什麼是遞歸？ 遞歸是一種通過讓函數調用自身來解決問題的編程技術。每次函數調用時都會生成一

ecmascript-6 , node.js , typescript , 前端 , Javascript

收藏 評論

amin_671603a27d1a0 頭像

AMIN - 2024-2025, 四大翻譯工具與AI翻譯的深度評測

前言 在過去兩年中，人工智能技術的迅猛發展對翻譯工具產生了深遠的影響。 本期特意挑選了四款翻譯工具以及一個AI翻譯工具， 對其性能進行評測，看看在AI技術的加持下，它們的質量提升如何。 以下是參賽選手的簡介： 谷歌翻譯 谷歌翻譯自2006年推出以來，一直是全球最受歡迎的翻譯工具，穩居翻譯工具的領導地位。 必應翻譯 必應翻譯憑藉其穩定可靠的翻譯質量，以及與

gpt-4 , gemini-pro , 人工智能 , 翻譯 , Javascript

收藏 評論

daoshanghundesijidou 頭像

用户bPdeG32 - ECMAScript 6（ES6）深入剖析：箭頭函數的革新與應用

引言 ECMAScript 6（簡稱 ES6），也被稱為 ECMAScript 2015，是 JavaScript 語言的重要版本更新，帶來了許多功能和語法的改進，極大地增強了 JavaScript 開發的簡潔性與可讀性。其中，箭頭函數（Arrow Functions） 是最為顯著的特性之一。箭頭函數提供了更為簡潔的語法，同時解決了傳統函數在 this 綁定上的問題。本文將聚焦於箭頭函數的革新，探

ecmascript-6 , typescript , 前端 , html5 , Javascript

收藏 評論

wanzuqiudeshangba 頭像

玩足球的傷疤 - JavaScript與TypeScript的對比：深入理解兩者的異同

JavaScript 和 TypeScript 是當今最流行的兩種編程語言，尤其在前端開發中，它們佔據着主導地位。雖然這兩種語言在表面上看起來很相似，但它們有着顯著的差異，尤其是在類型系統、開發體驗、代碼維護性等方面。本文將深入探討 JavaScript 和 TypeScript 的差異，幫助開發者理解何時選擇使用 JavaScript 或 TypeScript，以及如何在項目中有效地運用它們。

ecmascript-6 , typescript , HTML , 前端 , Javascript

收藏 評論

minnanitkong 頭像

王大冶 - 如何只使用 CSS 實現網站的暗黑模式切換

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 想讓你的網站從“明亮清新”切換到“暗黑酷炫”，而不依賴任何 JavaScript？沒問題！ 僅用 CSS 就能完成這個任務，根據用户設備的系統設置動態切換主題。本教程將教你如何實現一個可以隨系統設置自動切換明暗模式的網站，完全拋棄 JavaScript。 第一步：基礎 HTML 頁面結構 首先，我們需要一個簡單的

ecmascript-6 , 前端 , Javascript

收藏 評論

youli_59e8536ad7c22 頭像

有李 - PWA實踐

PWA基礎 PWA應用是什麼樣子的？ 在主屏幕、應用啓動器、啓動板或開始菜單上都有**圖標**。 當您在設備上搜索應用時，此圖標會顯示。 會在一個獨立的窗口中打開，該窗口完全**獨立**於瀏覽器的界面。 可以與操作系統進行更高級別的集成，例如網址處理或標題欄自定義。 **離線**時也能使用。 應用內自定義安裝 需要滿足的條件 安裝相關API兼容性表格 不兼容系統的交互處理？： 點擊安裝按鈕 -

pwa , 前端 , Javascript

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - Vite VS Webpack，誰才是最強構建工具

Vite VS Webpack，誰才是最強構建工具 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。 Vite vs Webpack：哪個更適合您的項目？ 隨着Web應用的不斷髮展，對更快、更高效的開發工具的需求也在日益增長。多年來，Webpack一直是複雜應用的首選打包工具，以其強

vue.js , vite , webpack , 前端 , Javascript

收藏 評論

_58d8892485f34 頭像

薇薇 - 二進制文件下載實例，blob、ArrayBuffer區別

背景 下載文件功能，點擊下載按鈕，後端返回二進制文件流，前端執行下載文件功能；當返回錯誤信息時前端能夠正確提示。 步驟一：請求設置responseType 請求數據時responseType不同,ArrayBuffer為arraybuffer，blob為blob。 步驟二：對響應進行攔截並判斷 正確情況 創建a標籤並下載。 const blob = new Bl

Axios , blob , arraybuffer , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 命令行應用開發初學者指南：腳手架篇、UI 庫和交互工具

在日常的前端開發工作中，我們經常依賴各種命令行工具來提高效率和代碼質量。例如，create-react-app 和 eslint 等工具不僅簡化了項目的初始化過程，還能自動執行代碼檢查和格式化任務。當我們使用這些工具時，它們通常會通過一系列互動式的問答來收集必要的信息，從而根據我們的選擇進行相應的配置和安裝。 以 eslint 工具為例（如下圖所示），當你首次運行 eslint --init 命令

node.js , 前端工程化 , commonjs , 前端 , Javascript

收藏 評論

jianzhuangdeyaling 頭像

用户bPdeUmS - TypeScript 中的類型推斷詳解：為什麼我們應該信任 TypeScript 的推斷能力？

在 TypeScript 中，類型推斷（Type Inference）是一個強大且被廣泛使用的特性。它允許開發者在許多情況下省略顯式的類型註解，從而簡化代碼，同時仍然享受強類型系統帶來的安全性和可靠性。然而，對於初學者或經驗不足的開發者來説，常常會疑惑：我真的可以完全信任 TypeScript 的類型推斷嗎？它的邊界和侷限性是什麼？ 本文將聚焦於這個問題，通過深入解析 TypeScript 的類型

ecmascript-6 , typescript , HTML , 前端 , Javascript

收藏 評論

baidusecrity 頭像

百度安全 - 度安講｜第七期「智效融合，安全護航」深圳站技術沙龍成功舉辦

近日，「智效融合，安全護航」深圳站·暨第七期“度安講”技術沙龍成功舉辦，沙龍聚焦企業智能化工程效能探索及其安全能力建設實踐等熱點議題，來自百度、網安加社區、順豐科技、數篷科技、南京大學的產業界和高校嘉賓，與各界生態夥伴共聚一堂，共同切磋探討，共話人工智能時代下，企業如何提升工程效能、創新健康發展思路與實踐，暢想人機協同未來發展趨勢，探索人工智能與企業提效的安全融合之路。 第七期“度安

ecmascript-6 , 安全 , typescript , 前端 , Javascript

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - NodeJS項目架構設計，看這一篇就足夠了！

NodeJS項目架構設計，看這一篇就足夠了！ 前言 大家好，我是倔強青銅三。我是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。 1. 🧩 整潔架構簡介 Clean Architecture（整潔架構）由Robert C. Martin（Uncle Bob）提出，它強調應用程序內部關注點的分離。該架構提倡業務邏輯

express , node.js , typescript , 前端 , Javascript

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - 教你玩轉JavaScript元編程

教你玩轉JavaScript元編程 大家好，我是倔強青銅三。我是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。 JavaScript元編程：深度解析Proxy、Reflect和對象屬性控制 JavaScript元編程超越了典型編程的範疇，為開發人員提供了一套創建高度靈活、高效和響應式代碼庫的工具。讓我們深入探討Pr

vue.js , ecmascript-6 , node.js , 前端 , Javascript

收藏 評論

lxlu 頭像

肥皂泡 - js 正則實現過濾html字符串，給h1和h2標籤添加id，實現錨點功能

正則要求： 沒有id屬性的h1/2標籤，支持過濾嵌套標籤生成string作為錨點id h[12]: 匹配 h1 或 h2 標籤的開始。 (?![^]*\bid=): 使用負向前瞻，確保標籤中沒有 id 屬性。 [^]*: 匹配 h1 或 h2 標籤中的其他屬性（如果有的話）。 ([\s\S]*?): 捕獲標籤內部的所有字符，包括空格和換行符。 .*? 是非貪婪模式，表示儘可能少地匹配字

正則表達式 , Javascript

收藏 評論

qiangjiandebinggan 頭像

強健的餅乾 - 正則表達式在電話號碼識別中的實踐與優化

正則表達式在電話號碼識別中的實踐與優化 在數據處理領域，電話號碼的識別和提取是一個常見而重要的任務。本文將深入探討如何使用正則表達式高效地識別各種格式的電話號碼，以及在實際應用中的優化策略。 電話號碼格式的複雜性 電話號碼的格式因國家和地區而異，主要包括以下幾種情況： 固定電話：區號 + 號碼（如：010-12345678） 移動電話：手機號（如：13812345678） 國際電話：國際區

正則表達式 , Javascript , Python

收藏 評論

seanshi_fe 頭像

Sean - npm workspaces 已經夠強了，為何還需要 MonoRepo 方案？

隨着項目規模的增長和模塊化需求的增強，MonoRepo（單一代碼庫）的管理方式正在成為熱門選擇。本文將帶領你瞭解 MonoRepo 的形成背景，探討主流解決方案（如 pnpm workspaces、TurboRepo、Nx 和 Rush），並通過對比分析這些工具的優劣與適用場景，最終幫助你選擇最適合的工具。 MonoRepo 的形成背景 隨着項目複雜度和團隊規模的擴大，傳統的單體代碼庫或多代碼庫（

前端工程化 , 前端 , Javascript

收藏 評論

zz_641473ad470bc 頭像

zZ_jie - 關於不同窗口，訂閲不生效的問題

問題 兩個窗口，顯示組件，A窗口顯示A組件，B窗口顯示B組件，兩個組件共同訂閲一個Service中的Subject，當在A組件中進行修改後，Service中的Subject發送通知，“值變更了”，B組件訂閲不到。 現在打開兩個窗口，每個窗口顯示一個組件，每個組件都訂閲 Service 中的 subjectTest， 在AComponent組件中,每隔一秒發送一條數據： AComponent 組件

rxjs , angular , 訂閲消息 , 前端 , Javascript

收藏 評論