標籤: JavaScript 頁1

JavaScript相關的文章,目前共收錄 432 篇內容。

Select2:強大且易用的 JavaScript 下拉選單增強工具
網路資源

Select2:強大且易用的 JavaScript 下拉選單增強工具

Select2 是一款基於 jQuery 的強大下拉選單增強插件,提供即時搜尋、AJAX 動態載入、多選與標籤化等功能,提升 Web 表單選擇器的靈活性與使用者體驗,並支援多語系與 UI 框架整合。

Mind Elixir:開源的 JavaScript 心智圖框架,幫助你有效組織與視覺化思考
網路資源

Mind Elixir:開源的 JavaScript 心智圖框架,幫助你有效組織與視覺化思考

Mind Elixir 是一款開源的 JavaScript 心智圖框架,適用於開發者、教育工作者與專案管理者。提供輕量級設計、強大節點管理、快速鍵支援、自訂樣式與多檔案格式輸出,無需伺服器,可直接在瀏覽器運行,讓複雜資訊視覺化,輕鬆整理想法與規劃專案。

什麼是 Shadow DOM?打造獨立運作的 Web 元件
教學

什麼是 Shadow DOM?打造獨立運作的 Web 元件

在現代網頁開發中,元件化 是一個重要趨勢。當我們開發複雜的 UI 或 Web Components 時,常常會遇到 樣式污染 或 DOM 結構混亂 的問題。這時候,Shadow DOM 就是一個理想的解決方案。

TradingView Lightweight Charts:超輕量、強大且免費的金融圖表函式庫
網路資源

TradingView Lightweight Charts:超輕量、強大且免費的金融圖表函式庫

TradingView 輕量級圖表(Lightweight Charts)是一款免費開源的金融圖表庫,僅 45KB,支援即時資料更新、高效能渲染與高度自訂化。適用於股票、外匯、加密貨幣等視覺化分析,適合交易平台與教育用途,提供流暢互動體驗。

使用 JavaScript getHTML() 方法來取得 Dom 的 HTML
教學

使用 JavaScript getHTML() 方法來取得 Dom 的 HTML

以往我們要透過 JavaScript 取得網頁的 HTML 會使用 innerHTML() 的方法,不過這個方法會有一些安全性的問題,而近來 JavaScript 為 Element 介面新增了一個實用的方法——getHTML()。這個方法提供了一種新的方式來獲取元素的 HTML 內容,與 innerHTML 類似,但提供了更強大的功能,例如支援 Shadow DOM 的序列化。

Best of JS:即時追蹤 JavaScript 最熱門的開源專案的資訊平台
網路資源

Best of JS:即時追蹤 JavaScript 最熱門的開源專案的資訊平台

Best of JS 是專為開發者設計的線上平台,幫助使用者發現與追蹤 JavaScript、生態系開源專案。提供熱門排行、新增專案、分類標籤與每月排名,讓開發者輕鬆掌握最新技術趨勢。

Dev Tool Finder:快速篩選、搜尋、推薦開發者必備工具的實用平台
網路資源

Dev Tool Finder:快速篩選、搜尋、推薦開發者必備工具的實用平台

Dev Tool Finder 是一個專為開發者打造的線上平台,精選各類開發工具,並提供即時搜尋、分類篩選與社群驗證,幫助開發者快速發現、探索並分享優質工具,提升開發效率與工作流程。

Apache ECharts:強大的開源資料視覺化圖表函式庫
網路資源

Apache ECharts:強大的開源資料視覺化圖表函式庫

Apache ECharts 是一款功能強大的開源 JavaScript 圖表函式庫,提供豐富的圖表類型、強大的渲染效能和靈活的自訂功能,適用於多種資料視覺化場景,並支援無障礙體驗,確保所有使用者都能輕鬆獲取資訊。

Tauri:打造輕量級跨平台app的高效框架
網路資源

Tauri:打造輕量級跨平台app的高效框架

Tauri 是一款輕量級的開源框架,讓開發者使用熟悉的前端技術(如 React、Vue、Svelte)搭配 Rust 後端,輕鬆構建跨平台桌面和行動應用程式,具備小型二進位檔案、高安全性和多平台支援等優勢。

為什麼不建議在 HTML 層級使用事件處理方式?
教學

為什麼不建議在 HTML 層級使用事件處理方式?

在現代網頁開發中,不建議在 HTML 標籤內直接使用 onclick、onchange、onmouseover 等事件處理屬性。這種方式雖然簡單易懂,但在實際應用中存在許多缺點,影響程式碼的可維護性、擴展性與效能。本文將探討為何應避免使用 HTML 層級的事件處理方式,並提供更佳的實踐方法。

htmx:方便的 JavaScript 函式庫,讓 HTML 用更簡單的方式直接處理 AJAX 與 WebSockets
網路資源

htmx:方便的 JavaScript 函式庫,讓 HTML 用更簡單的方式直接處理 AJAX 與 WebSockets

htmx 是一款輕量級的開源前端函式庫,允許開發者透過 HTML 屬性實現 AJAX、CSS 過渡、WebSockets 及伺服器推送事件(SSE),無需撰寫複雜的 JavaScript。其直觀的語法大幅簡化了前端開發,使 Web 應用具備現代化互動體驗,同時保持 HTML 驅動的開發模式。

API Parrot:專為開發者打造的 HTTP API 反向工程工具
網路資源

API Parrot:專為開發者打造的 HTTP API 反向工程工具

API Parrot 是一款專為開發者打造的 HTTP API 反向工程工具,支援記錄網路流量、分析端點結構與匯出程式碼,讓開發者高效處理無公開 API 的網站,實現自動化流程、系統整合與資料擷取,簡化開發工作流程。

Summernote:簡易操作、功能強大的 HTML 所見即所得編輯器
網路資源

Summernote:簡易操作、功能強大的 HTML 所見即所得編輯器

Summernote 是一款開源且輕量的線上文字編輯器,具備簡單易用的操作介面、高度客製化功能、支援多媒體操作及行動裝置友善設計,滿足多元需求。

Trix Editor:簡潔好用的文字編輯器工具
網路資源

Trix Editor:簡潔好用的文字編輯器工具

Trix Editor 是一款由 Basecamp 開發的開源文字編輯器,以簡潔設計與高效功能著稱,支援跨平台操作、即時格式化與 HTML 儲存,適合多場景應用,開發者與內容創作者的首選!

ContentBox.js:AI 助力網頁設計,簡化網頁設計流程
網路資源

ContentBox.js:AI 助力網頁設計,簡化網頁設計流程

ContentBox.js 是一款基於人工智慧的 JavaScript 函式庫,用於網頁設計,為響應式網頁內容引入了優雅的雜誌風格佈局。您可以透過鍵盤輸入或語音指令建立和設計網頁。使用 ContentBox.js 可以創建您自己的內容管理系統(CMS)或線上網站建構工具。

FreeFrontend:免費的前端程式碼寶庫,設計與開發者的靈感來源
網路資源

FreeFrontend:免費的前端程式碼寶庫,設計與開發者的靈感來源

FreeFrontend 是專為前端開發者打造的資源平台,提供 10,000+ HTML、CSS、JavaScript 範例與設計靈感,助您快速開發並掌握最新前端技術。

JSONtr.ee:將 JSON 資料轉換為樹狀結構圖的視覺化工具
網路資源

JSONtr.ee:將 JSON 資料轉換為樹狀結構圖的視覺化工具

JSONtr.ee 是一款專為 JSON 資料處理設計的強大工具,提供格式化、驗證與視覺化樹狀圖功能,助力開發者與分析師輕鬆解讀複雜結構。

Cheatography:免費下載與自製速查表的最佳平台
網路資源

Cheatography:免費下載與自製速查表的最佳平台

Cheatography,免費速查表平台,涵蓋程式設計、商業、語言等多主題,支援多語言與自製速查表,是學習與工作的實用工具!