🏆 本月排行榜
🥇
站長阿川
📝16   💬10   ❤️5
423
🥈
我愛JS
📝2   💬8   ❤️4
94
評分標準：發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正／微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付
👉 瞭解詳情 / 免費諮詢

🔍 搜尋結果：SPA

🔍 搜尋結果：SPA

[資源分享] 網頁設計丙級術科，相關教學影片

## 前情提要 有鑑於有些人還是需要考丙級網頁 雖然是使用過時的DW 這邊還是貼出教學影片 提供參考 ![](https://i.imgur.com/UVVnlDL.png) ## 影片資源 [YT教學系列連結](https://youtu.be/7bM1kjRayB8) ...

2個讚   1留言 2,776瀏覽
22 個很好用的 CSS 小訣竅＆特殊小技巧

**🚨🚨注：**本文分享的所有tips、tricks都是GitHub repository[【css tips tricks】](https://github.com/devsyedmohsin/css-tips-tricks)的一部分。覺得有用的話請查看資源庫並給它一個star🌟 原文出處：...

1個讚   0留言 4,272瀏覽
切版示範－教你怎麼完成一個切板，完全新手導向，帶你從零到一！！

## 題目說明 ![](https://i.imgur.com/5O73qvg.png) 寫出這樣子的網頁切版 ### 示範效果 ![](https://i.imgur.com/s4H57CU.jpg) CODEPEN:https://codepen.io/flwrtykd-the...

2個讚   1留言 6,063瀏覽
RE: 請教切板問題－－切版觀念教學！實例code review！

## 前提 很棒的問題，很榮幸我也有辦法可以回答。 你好，稍微看了一下你的code，有些東西想要跟你討論、分享。 ## 解答 ### 修改完的效果 ![](https://i.imgur.com/3KBwL9M.png) ### 觀念方面 首先必須要稱讚你的野心，想要c...

4個讚   5留言 2,732瀏覽
適用於各種軟體開發技能：2023 推薦練習的專案開發

作為一名開發人員，了解最新的技術和工具對於在就業市場上保持競爭力至關重要。 在這篇文章中，我們整理了一份 2023 年最熱門開發專案的完整列表，以及掌握每個專案的教程和資源。 無論您是希望提高技能的初學者，還是希望擴展您的技能組合的資深開發人員，此列表都適合每個人。 - 原文出處：...

0個讚   0留言 3,402瀏覽
在 React 使用 useWorker 來跑多執行緒，大幅改善 UX 效能

使用 useWorker 在單獨的執行緒中，處理昂貴且阻塞 UI 的任務。 眾所周知，Javascript 是一種單線程語言。所以，做任何昂貴的任務，它都會阻塞 UI 互動。用戶需要等到它完成，才能執行剩餘的其他操作，這會帶來糟糕的用戶體驗。 為了克服和執行這些任務，Javascript...

0個讚   0留言 3,188瀏覽
關於編輯器　　抓取裡面文字 該怎麼做？

像這邊的文章輸入是使用textarea 想要用JS得到文章內容可以直接抓 但有些地方是編輯器 通常長的就比較奇怪 會像是html的結構 甚至有的貼出來是用iframe去完成 我最近想要實作備份文章內容的腳本 發現一些問題 首先是在it幫這邊測試 ![](https://i....

2個讚   4留言 2,069瀏覽
JS前端爬蟲-XMLHttpRequest後得到的資料，該怎麼拿

我用XMLHttpRequest實作一個， 找到米特某文章所有圖片的程式碼 其中也會找到上一頁的網址 儲存為url ``` let space url="https://meteor.today/article/a6GSu4" async function test(){let ...

2個讚   7留言 2,680瀏覽
JavaScript 系列六：第3課 ── 認識匿名函式

## 課程目標 能夠從陣列刪除元素 認識 for in 迴圈寫法 認識匿名函式（anonymous function） ## 課程內容 在 JavaScript 中，刪除陣列元素的方法，有超多種 這邊介紹一種根據索引刪除的方法 ``` var fruits...

0個讚   21留言 2,138瀏覽
JavaScript 系列六：第1課 ── 認識 data model 與 render function

## 課程目標 認識 data model 的觀念 認識 render function 的觀念 ## 課程內容 如果電商網站上有這樣的內容 ``` <div> 商品名稱：<span id="name">冬季外套</span> 價格：<span id="p...

1個讚   26留言 2,852瀏覽
# 想請益-改yt字幕樣式

我最近有蒐集不少問題 這是其中之一 比較小的項目 我的主要疑問是 YT的字幕其實是不斷重新誕生新的span 所以我抓到他的span改了樣式後 下一個又等於跳回去 勢必我必須要setinterval不斷的去馬上改成我要的字體 不過經由測試 就算是50的毫秒也是有發現從原字體變...

2個讚   4留言 2,054瀏覽
JavaScript 系列五：第7課 ── 學會 AJAX 與 data attribute 的結合

## 課程目標 學會結合 AJAX 與 data attribute 來製作應用程式 ## 課程內容 打造應用程式的時候，有些資料不會直接顯示在畫面上，但之後的其他動作會用到 這時可以把資料存在 data attribute 裡面 ``` <div data-emai...

1個讚   27留言 2,120瀏覽
JavaScript 系列五：第6課 ── 學會 AJAX 與各種 HTTP 請求方法

## 課程目標 認識 AJAX 與不同的 HTTP 請求方法 ## 課程內容 HTTP 協定中，HTTP Request 有多種不同的方法 前面幾課的寫法，都是 HTTP GET 類型，這一課來接著談談更多不同的請求方法 繼續使用模擬電商網站的範例 API ###...

0個讚   22留言 1,954瀏覽
JavaScript 系列五：第4課 ── 學會 AJAX 基本原理

## 課程目標 認識基本的 AJAX 原理 ## 課程內容 這一課來認識大名鼎鼎的 AJAX 觀念 AJAX 全名 Asynchronous JavaScript and XML 簡單來說，就是「非同步從主機取得資料來更新網頁內容」的技術 舊式的網頁，都是瀏覽器向...

0個讚   25留言 2,129瀏覽
7 個好用的 React Hooks：可以在很多專案直接使用

Hooks 是 React 最強大的功能之一。 它們使我們能夠輕鬆地在應用程式的元件中重用功能。掛鉤的最大優點在於它們的可重用性——您可以跨元件和專案重用掛鉤。 以下是我在每個 React 專案中重複使用的七個最重要的鉤子。今天就試一試，看看它們在建置您自己的 React 應用程式時是否...

0個讚   0留言 3,603瀏覽
JavaScript 系列二：第7課 ── 用 Selector API 選取元素

## 課程目標 學會基本的 Selector API 用法 學會基本的 `.closest()` 的用法 ## 課程內容 課程到目前為止，要存取元素，都是使用 `document.getElementById` `.parentElement` `.children` 然後上...

1個讚   43留言 2,529瀏覽
JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

## 課程目標 能動態在 DOM 樹存取元素的 class 能動態在 DOM 樹修改元素的 class ## 課程內容 學到現在，應該會發現，DOM 元素，一堆屬性，都可以直接讀取、修改，很方便 連我們設計樣式會用到的 class 也是一樣簡單，很方便 ``` ...

2個讚   44留言 2,980瀏覽
JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

## 課程目標 能動態加上 onclick 事件屬性 能選取到父元素、子元素 能夠在 DOM 樹進行「移除」 能存取到 onclick 事件發生的元素 ## 課程內容 現在已經會在 DOM 樹增加元素、加入文字了 記得之前寫過的「事件」嗎？ ``` ...

2個讚   40留言 2,719瀏覽
JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

## 課程目標 認識 DOM 樹基本觀念 能夠在 DOM 樹進行「新增」 學會基本的除錯技巧 ## 課程內容 請打開這個網站，用這個網站來練習＆寫作業： https://jsfiddle.net 在學 JavaScript 的時候，你會聽到很多人在講「DOM...

3個讚   45留言 3,311瀏覽
JavaScript 系列一：第3課 ── 修改 html 的內容

## 課程目標 學會動態修改 html 元素中的內容 ## 課程內容 在上一課，我們學會了這樣用 JavaScript 取得用戶輸入到 html 元素的內容 ``` var str = document.getElementById('keyword').value; `...

4個讚   50留言 4,484瀏覽
🏆 本月排行榜
🥇
站長阿川
📝16   💬10   ❤️5
423
🥈
我愛JS
📝2   💬8   ❤️4
94
評分標準：發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
熱門文章
🔥 Google Gemini CLI 教學：如何安裝與使用（附圖片）
🔥 50 多個必備 Telegram 機器人的終極清單
🔥 為什麼很多資安專家，建議別使用 JWT？
🔥 資深工程師可以挑戰的 10 個 side project 練習
🔥 部署策略簡介：藍綠部署 vs 金絲雀部署 vs 其他部署
  近期留言
熱門搜尋： v_ __ 資料 ar Re 自動化 https 使用 程式 LA AM Github ui id Ai 設計 AI JS py ts the js 專案 for css git API javascript JAVA AWS go 伺服 github Java 學習 Javas 分享 嗎？ app Ml 技術 [] jav log javasc bi aws console 第一 with 軟體 編輯 Go line work ") %' cd ') 研究 部署 RAG model 後端 作業 vs　code React 搜尋 gpt 討論 event Ts Can this cli 開發 公司 agent ts' 開發環境 Node position 網頁 Typescript chrome start 新手 chat GPT fastapi Gpt url \m bf side python Tailwind console.log( FastApI NOTION
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。