標籤: JavaScript 頁1
JavaScript相關的文章，目前共收錄 436 篇內容。
網路資源
docsify：輕量級 Markdown 文件網站生成器，打造即時更新的文件平台
docsify 是一款輕量級 JavaScript 文件網站生成工具，支援即時渲染 Markdown，快速打造高度自訂化、多語系的開發者文件網站。
教學
如何透過網址的變數抓取搜尋目標並自訂 Google 全站搜尋框後顯示搜尋結果（使用 gcse-searchresults-only）
Google 自訂搜尋引擎（Programmable Search Engine, CSE）讓你可以將 Google 的搜尋結果嵌入到自己網站上。本篇教學將示範如何自訂搜尋框，並使用 gcse-searchresults-only 只顯示搜尋結果，這樣你就可以從網站上的任何地方搜尋後並在目標頁顯示搜尋的結果。
網路資源
Anime.js：打造高質感動畫的輕量級 JS 函式庫
Anime.js 是一款輕量級 JavaScript 動畫函式庫，支援 CSS、SVG、DOM 和 JavaScript 物件動畫，具備時間軸控制、滾動觸發、SVG 動畫與響應式效果。API 直覺易用，適合初學者與專業開發者提升網頁動態體驗。
網路資源
Select2：強大且易用的 JavaScript 下拉選單增強工具
Select2 是一款基於 jQuery 的強大下拉選單增強插件，提供即時搜尋、AJAX 動態載入、多選與標籤化等功能，提升 Web 表單選擇器的靈活性與使用者體驗，並支援多語系與 UI 框架整合。
網路資源
Mind Elixir：開源的 JavaScript 心智圖框架，幫助你有效組織與視覺化思考
Mind Elixir 是一款開源的 JavaScript 心智圖框架，適用於開發者、教育工作者與專案管理者。提供輕量級設計、強大節點管理、快速鍵支援、自訂樣式與多檔案格式輸出，無需伺服器，可直接在瀏覽器運行，讓複雜資訊視覺化，輕鬆整理想法與規劃專案。
教學
什麼是 Shadow DOM？打造獨立運作的 Web 元件
在現代網頁開發中，元件化 是一個重要趨勢。當我們開發複雜的 UI 或 Web Components 時，常常會遇到 樣式污染 或 DOM 結構混亂 的問題。這時候，Shadow DOM 就是一個理想的解決方案。
網路資源
TradingView Lightweight Charts：超輕量、強大且免費的金融圖表函式庫
TradingView 輕量級圖表（Lightweight Charts）是一款免費開源的金融圖表庫，僅 45KB，支援即時資料更新、高效能渲染與高度自訂化。適用於股票、外匯、加密貨幣等視覺化分析，適合交易平台與教育用途，提供流暢互動體驗。
教學
使用 JavaScript getHTML() 方法來取得 Dom 的 HTML
以往我們要透過 JavaScript 取得網頁的 HTML 會使用 innerHTML() 的方法，不過這個方法會有一些安全性的問題，而近來 JavaScript 為 Element 介面新增了一個實用的方法——getHTML()。這個方法提供了一種新的方式來獲取元素的 HTML 內容，與 innerHTML 類似，但提供了更強大的功能，例如支援 Shadow DOM 的序列化。
網路資源
Best of JS：即時追蹤 JavaScript 最熱門的開源專案的資訊平台
Best of JS 是專為開發者設計的線上平台，幫助使用者發現與追蹤 JavaScript、生態系開源專案。提供熱門排行、新增專案、分類標籤與每月排名，讓開發者輕鬆掌握最新技術趨勢。
網路資源
Dev Tool Finder：快速篩選、搜尋、推薦開發者必備工具的實用平台
Dev Tool Finder 是一個專為開發者打造的線上平台，精選各類開發工具，並提供即時搜尋、分類篩選與社群驗證，幫助開發者快速發現、探索並分享優質工具，提升開發效率與工作流程。
網路資源
Apache ECharts：強大的開源資料視覺化圖表函式庫
Apache ECharts 是一款功能強大的開源 JavaScript 圖表函式庫，提供豐富的圖表類型、強大的渲染效能和靈活的自訂功能，適用於多種資料視覺化場景，並支援無障礙體驗，確保所有使用者都能輕鬆獲取資訊。
網路資源
Tauri：打造輕量級跨平台app的高效框架
Tauri 是一款輕量級的開源框架，讓開發者使用熟悉的前端技術（如 React、Vue、Svelte）搭配 Rust 後端，輕鬆構建跨平台桌面和行動應用程式，具備小型二進位檔案、高安全性和多平台支援等優勢。
教學
為什麼不建議在 HTML 層級使用事件處理方式？
在現代網頁開發中，不建議在 HTML 標籤內直接使用 onclick、onchange、onmouseover 等事件處理屬性。這種方式雖然簡單易懂，但在實際應用中存在許多缺點，影響程式碼的可維護性、擴展性與效能。本文將探討為何應避免使用 HTML 層級的事件處理方式，並提供更佳的實踐方法。
網路資源
htmx：方便的 JavaScript 函式庫，讓 HTML 用更簡單的方式直接處理 AJAX 與 WebSockets
htmx 是一款輕量級的開源前端函式庫，允許開發者透過 HTML 屬性實現 AJAX、CSS 過渡、WebSockets 及伺服器推送事件（SSE），無需撰寫複雜的 JavaScript。其直觀的語法大幅簡化了前端開發，使 Web 應用具備現代化互動體驗，同時保持 HTML 驅動的開發模式。
網路資源
API Parrot：專為開發者打造的 HTTP API 反向工程工具
API Parrot 是一款專為開發者打造的 HTTP API 反向工程工具，支援記錄網路流量、分析端點結構與匯出程式碼，讓開發者高效處理無公開 API 的網站，實現自動化流程、系統整合與資料擷取，簡化開發工作流程。
網路資源
Summernote：簡易操作、功能強大的 HTML 所見即所得編輯器
Summernote 是一款開源且輕量的線上文字編輯器，具備簡單易用的操作介面、高度客製化功能、支援多媒體操作及行動裝置友善設計，滿足多元需求。