JavaScript 能做許多事，尤其透過瀏覽器的 API 或套件，我們得以悠游於巨量資料中，將資料轉換為與使用者溝通的介面，以下就來分享 15 個實用的 Vanilla JS 程式碼：
感謝您的閱讀，我試著將生活與自己所學到的知識，以平易近人的方式傳達給正在努力進步的同好，甚至是領域之外卻有興趣的人。如果喜歡我的文章，歡迎贊助我，你的鼓勵也是我進步的動力。
留言
留言分享你的想法！
Ray C的沙龍
37會員
31內容數
短篇奇幻作品將不定期更新。
Ray C的沙龍的其他內容
2023/01/14
在 Instagram 看到有人分享在日本操作機器、製作寶可夢客製化衣服的貼文，聯想起先前在網上閱讀到關於 Pokémon API 的文章，一時興起也使用 PokeAPI 仿刻貼文中機器的操作介面。然而在開發過程中，發現連續抓取 905 份寶可夢資料...
2023/01/14
在 Instagram 看到有人分享在日本操作機器、製作寶可夢客製化衣服的貼文，聯想起先前在網上閱讀到關於 Pokémon API 的文章，一時興起也使用 PokeAPI 仿刻貼文中機器的操作介面。然而在開發過程中，發現連續抓取 905 份寶可夢資料...
2022/04/03
去年看到 Astro 剛發布時所宣稱的「用較少的 JavaScript 打造極速網站」就對這樣的框架產生興趣，那時雖然也試玩了一下，不過因為遇到一些開發初期的 bug 放棄研究。直到近期拿過去使用 petite-vue 開發的專案 — HTML Reserved Colors 來透過 Astr...
2022/04/03
去年看到 Astro 剛發布時所宣稱的「用較少的 JavaScript 打造極速網站」就對這樣的框架產生興趣，那時雖然也試玩了一下，不過因為遇到一些開發初期的 bug 放棄研究。直到近期拿過去使用 petite-vue 開發的專案 — HTML Reserved Colors 來透過 Astr...
2022/03/25
2021 年可以說是 NFT 大爆發的一年了，除了名人相繼創立自己的 NFT，也有各式各樣的商業模式和額外賦能不停的被開發出來；像是主打邊玩邊賺的 (Play-to-Earn，P2E) GameFi 項目「Axie Infinity」、擁有即可兌換一天一碗且連續七天雞肉飯的「元宇宙第一雞肉飯」...
2022/03/25
2021 年可以說是 NFT 大爆發的一年了，除了名人相繼創立自己的 NFT，也有各式各樣的商業模式和額外賦能不停的被開發出來；像是主打邊玩邊賺的 (Play-to-Earn，P2E) GameFi 項目「Axie Infinity」、擁有即可兌換一天一碗且連續七天雞肉飯的「元宇宙第一雞肉飯」...
你可能也想看
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》，我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物；這次活動不僅送出了許多獎勵，也反映了「內容有價」——創作不只是分享、紀錄，也能用各種不同形式變現、帶來實際收入。
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》，我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物；這次活動不僅送出了許多獎勵，也反映了「內容有價」——創作不只是分享、紀錄，也能用各種不同形式變現、帶來實際收入。
嗨！歡迎來到 vocus
vocus 方格子是台灣最大的內容創作與知識變現平台，並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈！「創作至上」是我們的核心價值，我們致力於透過平台功能與服務，賦予創作者更多的可能。
vocus 平台匯聚了
嗨！歡迎來到 vocus
vocus 方格子是台灣最大的內容創作與知識變現平台，並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈！「創作至上」是我們的核心價值，我們致力於透過平台功能與服務，賦予創作者更多的可能。
vocus 平台匯聚了
JSDoc 全名是 JavaScript Documentation，顧名思義是為 JavaScript 所使用的 API 文件，在程式碼內透過註解的方式撰寫，運行後 JSDoc 會自動掃描註解內容，並生成一份網頁版的文件，對於沒有使用 Typescript 開發的專案，也
JSDoc 全名是 JavaScript Documentation，顧名思義是為 JavaScript 所使用的 API 文件，在程式碼內透過註解的方式撰寫，運行後 JSDoc 會自動掃描註解內容，並生成一份網頁版的文件，對於沒有使用 Typescript 開發的專案，也
JavaScript (簡稱 JS) 是具有一級函數的輕量級、直譯式或即時編譯的程式語言。它因為用作網頁的腳本語言而大為知名，但也用於許多非瀏覽器的環境，像是 Node.js 等。由於 JavaScript 語法上的一些缺點，軟體工程師們又設計出了 CoffeeScript、TypeScript 和
JavaScript (簡稱 JS) 是具有一級函數的輕量級、直譯式或即時編譯的程式語言。它因為用作網頁的腳本語言而大為知名，但也用於許多非瀏覽器的環境，像是 Node.js 等。由於 JavaScript 語法上的一些缺點，軟體工程師們又設計出了 CoffeeScript、TypeScript 和
本章目的是為讀者提供有關如何設置JavaScript開發環境的知識，包括在瀏覽器、Node.js和各種編輯器和IDE中編寫和運行JavaScript的信息。此外，本章還介紹了如何架設本地開發伺服器以模擬實際的網頁環境。這些知識對於希望開發前端應用或後端服務的JavaScript開發者來說都是必要的。
本章目的是為讀者提供有關如何設置JavaScript開發環境的知識，包括在瀏覽器、Node.js和各種編輯器和IDE中編寫和運行JavaScript的信息。此外，本章還介紹了如何架設本地開發伺服器以模擬實際的網頁環境。這些知識對於希望開發前端應用或後端服務的JavaScript開發者來說都是必要的。
JavaScript是一種具有動態型別、弱型別、原型繼承等特性的高級腳本語言，應用範圍廣泛，包括前端開發、後端開發、移動應用等。它被各種公司和開源社區廣泛使用。學習JavaScript需要掌握ECMAScript標準、異步編程、模塊系統等知識。
JavaScript是一種具有動態型別、弱型別、原型繼承等特性的高級腳本語言，應用範圍廣泛，包括前端開發、後端開發、移動應用等。它被各種公司和開源社區廣泛使用。學習JavaScript需要掌握ECMAScript標準、異步編程、模塊系統等知識。
JavaScript30 傳送門：https://javascript30.com/
今天才發現可以不用看著影片一步一步寫，可以自己先寫寫看😛
第二個挑戰是用 JS + CSS 寫一個時鐘，不過其實檔案裡面 HTML 跟 CSS 都已經寫好了，三個指針也都放好了，Go Live 起來就長
JavaScript30 傳送門：https://javascript30.com/
今天才發現可以不用看著影片一步一步寫，可以自己先寫寫看😛
第二個挑戰是用 JS + CSS 寫一個時鐘，不過其實檔案裡面 HTML 跟 CSS 都已經寫好了，三個指針也都放好了，Go Live 起來就長
JavaScript 的關鍵價值
JavaScript 是一種強大且廣泛使用的編程語言，具有許多價值和應用。以下整理 JavaScript 的關鍵價值：
客戶端網頁開發、跨平台開發：
JavaScript 是種瀏覽器的語言，可實現動態網頁效果，並通過操作 HTML 和 CSS，使網頁互動性提昇，提供
JavaScript 的關鍵價值
JavaScript 是一種強大且廣泛使用的編程語言，具有許多價值和應用。以下整理 JavaScript 的關鍵價值：
客戶端網頁開發、跨平台開發：
JavaScript 是種瀏覽器的語言，可實現動態網頁效果，並通過操作 HTML 和 CSS，使網頁互動性提昇，提供
一個網頁只會有一個h1
標籤(h1.p.img)裡面可以放多個屬性(src.background.color)
建立 HTML 環境
告訴大家這是html5的語法
關於整個專案的資訊放這裡面
頁籤標題
寫給別人看的要放這裡面
Emmet 預設安裝
/*語意使用英文*/
/*使
一個網頁只會有一個h1
標籤(h1.p.img)裡面可以放多個屬性(src.background.color)
建立 HTML 環境
告訴大家這是html5的語法
關於整個專案的資訊放這裡面
頁籤標題
寫給別人看的要放這裡面
Emmet 預設安裝
/*語意使用英文*/
/*使
JavaScript 能做許多事，尤其透過瀏覽器的 API 或套件，我們得以悠游於巨量資料中，將資料轉換為與使用者溝通的介面，以下就來分享 15 個實用的 Vanilla JS 程式碼...
JavaScript 能做許多事，尤其透過瀏覽器的 API 或套件，我們得以悠游於巨量資料中，將資料轉換為與使用者溝通的介面，以下就來分享 15 個實用的 Vanilla JS 程式碼...
在youtube上找尋前端的小專案來練習，就發現了這個不是很難，又可以讓我練習怎麼把javascript用在網頁裡的專案，於是就跟者影片做了一遍。當然，比起前一個寫遊戲的影片來說，可以說是輕鬆很多。
在youtube上找尋前端的小專案來練習，就發現了這個不是很難，又可以讓我練習怎麼把javascript用在網頁裡的專案，於是就跟者影片做了一遍。當然，比起前一個寫遊戲的影片來說，可以說是輕鬆很多。