標籤: Javascript 頁1
Javascript相關的文章，目前共收錄 443 篇內容。
網路資源
Codepip：用遊戲學習 HTML/CSS/JS/SQL，程式入門更有趣！
Codepip：線上遊戲化學程式平台，由 Flexbox Froggy 創辦人打造，集合多款互動遊戲學習 CSS、Grid、JavaScript、SQL 等語法。支援免費會員進度保存，Pro 版解鎖進階內容，廣受教育機構採用。
網路資源
amCharts：方便的快速製作報表與地圖視覺化工具
amCharts 是專為資料視覺化打造的 JavaScript 圖表函式庫，支援互動圖表與地圖，整合 React、Vue、Angular，並提供 Live Editor 與完整開發資源。
網路資源
Motion UI Playground：在 Playground 上即時玩轉 ZURB 的動畫特效
Motion UI Playground 是 ZURB 所推出的一個互動式展示工具，讓使用者能透過點擊直接觀察動畫效果對應的 Yeti 圖像運動，十分直覺又有趣 。這種即時預覽 UI 動畫的方式，對設計師和開發者而言，既能快速驗效果，也能激發創意靈感。
網路資源
用 Reveal.js 做出互動又專業的技術簡報：支援動畫、語法高亮、數學公式的開源神器
Reveal.js 是開源 HTML 簡報框架，支援 Markdown 編輯、動畫切換與程式碼高亮，適合開發者製作互動簡報與技術教學展示。
網路資源
Magnitude：以「視覺為先」的開源瀏覽器自動化與測試框架
Magnitude 是開源 AI 瀏覽器自動化平台，支援自然語言操作、資料擷取與 UI 測試，適用無 API 網頁流程，專為開發者與資料工程師打造。
網路資源
Crawlee：高效又彈性的網頁爬蟲與自動化框架
Crawlee 是 Apify 推出的開源爬蟲與自動化工具，支援 Node.js 與 Python，整合瀏覽器模擬、反阻擋策略與代理輪替，快速打造穩定爬蟲專案。
網路資源
AnyCrawl：Node.js/TypeScript 的高效 AI 網頁爬蟲框架
AnyCrawl 是一款開源高效網頁爬蟲工具，支援 SERP 抓取、全站遍歷與 LLM 結構化輸出，採用 Node.js 開發，支援多執行緒與 Docker 部署，適合大規模自動化資料蒐集。
網路資源
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 的序列化。