阿川私房教材：
學 JavaScript 前端，帶作品集去面試！

63 個專案實戰，寫出作品集，讓面試官眼前一亮！

立即開始免費試讀！
最新出爐作業包
⭐ 邁向資深之路：非同步 JS 訓練（二）—— 各種寫法的錯誤處理、收尾處理
⭐ 邁向資深之路：非同步 JS 訓練（一）—— 從 Callback Hell 到 Promise 介面
⭐ Github Desktop 新手入門教學 —— 用漂亮的 GUI 介面來學習 Git 基本觀念
⭐ 邁向資深之路：後端 JS 訓練（二）—— 玩玩看 Express，用純後端做做看部落格
⭐ 邁向資深之路：後端 JS 訓練（一）—— 玩玩看 Node，做做看老派 CLI 應用程式

🏠 首頁

🏠 首頁

請教切版問題

目前在切版上遇到幾個問題： 1. 在原始大小時，Nav 的 Width 看起來是有縮小的，但在我這裡原始大小 Nav 的 Width 就是 100% 2. 在下方文章與熱門影片這兩個區塊，不知道為什麼文章內容的尺寸大小一直沒辦法很好的與熱門影片的區塊並排。 Code Link: https...

2個讚   1留言 564瀏覽

適用於各種軟體開發技能：2023 推薦練習的專案開發

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

0個讚   0留言 2,738瀏覽

還在用CSS搞？介紹 10 個優秀的 HTML 標籤，超牛逼低調神標籤！！ （更：補MDN說明

來自這個： https://www.youtube.com/embed/HhkIstbkmpU fieldset ・legend ・datalist ・option ・progress ・abbr ・del ・ins ・mark ・marquee ## 摘要 fieldse...

5個讚   0留言 884瀏覽

給開發者的 15 份好用 Cheatsheets 分享

隨著程式設計技術的快速發展，我們必須學習很多新東西。有些語言和框架非常複雜，您可能記不住所有的語法或方法。備忘單就是您易於存取的筆記了。 每當有人發現任何有幫助或有價值的事情時，我們都會做筆記。但是，您不需要對在書籍、研討會或文章中看到的每個細節都做筆記。 為了幫助您學習，我編寫了這份頂...

5個讚   0留言 2,154瀏覽

在 React 使用 useWorker 來跑多執行緒，大幅改善 UX 效能

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

0個讚   0留言 2,577瀏覽

🔥🔥新功能上線：個人留言清單＆留言專屬網址＆資料統計🔥🔥

在個人頁面，可以點開「全部留言」 方便大家看到自己＆別人的全部留言 --- 點擊留言的「時間」，會打開留言專屬網址 方便讓留言有獨立網址，可以被分享、轉載出去 --- 並且，新增「資料統計」小區塊 方便查看目前已發表多少資料 --- 網站功能持續...

3個讚   1留言 513瀏覽

請益-關於架站

未來想要找商家幫忙架站 接案賺點小錢 想問一下 純靜態網站我去辦一個github來架設應該也是可以的吧(? 怎麼好像沒看到有人這樣做 我自己猜是因為大多數不是靜態 有資料庫 後端 所以如果我架靜態網站 直接用github感覺滿偷吃步的 但也是可以的吧 假設說 撇除gith...

2個讚   2留言 672瀏覽

[ JavaScript ] Class 是 Object 的工廠(1) - Property 和 Method

自從改用 React Hooks 搭配 Functional Component 之後，Class 的概念都快忘光光了呢~ (也有可能是根本沒懂過？) 決定 refresh 一下 Class 如何使用。 # 甚麼是 Class？ class 是用來創造 Object 的。 想像成 clas...

2個讚   3留言 504瀏覽

自學網頁の嬰兒教材：JavaScript（七）作業分享

* [第1課 ── 認識 Vue 基本環境與 render state](https://jsfiddle.net/birdie2019/54pzj7w2/51/) * [第2課 ── 體驗一下 Reactivity 的效果與便利](https://jsfiddle.net/birdie2019/...

1個讚   1留言 698瀏覽

表單動畫特效

簡單示範動畫效果：https://jsfiddle.net/birdie2019/bhdL4r7u/26/ 之前看國外網友的作品覺得作品裡的表單動畫好看，細讀了code，發現只需用HTML和CSS就能做到 主要用到： * [HTML <input> required 屬性](https...

3個讚   4留言 682瀏覽

前 Netflix 資深工程師：爲什麼我會辭掉年薪 $450,000 美元的工作

Michael Lin 是前網飛資深工程師，年薪高達 45 萬美元，約合新台幣 1300 萬元 但是他在工作四年後離職了，並且在網路上分享了心得 - 原文出處：https://dev.to/_michaellin/why-i-quit-a-450000-engineering-job-a...

0個讚   0留言 2,532瀏覽

資源分享-練手項目以及結構教學（新手適合！）

# 資源分享-練手項目以及結構教學 跟各位分享一個日本的教學網站 做的非常的好 [PAGE](https://code-step.com/) ![](https://i.imgur.com/IV7TlyQ.png) 可以進去逛一下 用擴充軟件翻譯成中文 會發現他的教材做的很用心 很...

4個讚   3留言 565瀏覽

神奇的聊天機器人

https://chat.openai.com/chat 昨天認識了這個ChatGPT 還可以教程式語言 真的太神奇了，大家可以試試 ![](https://i.imgur.com/kMiiZ6d.jpg)

2個讚   6留言 1,268瀏覽

關於編輯器　　抓取裡面文字 該怎麼做？

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

2個讚   4留言 575瀏覽

練習設計版面

第2課 練習目標 學會用id(選擇器)、class(類選擇器)、元素名稱來指定特定元素 學會用CSS來替文字加上設計感，替文字變色、變大小、設計邊框、寬度、留白等等 練習過後才發現 美工真的是一門學問 等之後還有機會練習的時候 會回頭多測試一些語法 練習:https://jsf...

1個讚   1留言 481瀏覽

HTML程式基礎練習(一)

第1課 課程目標 學會 h1, h2. p, br 等等HTML元素的用法 嘗試用了站長的教學試寫一段新聞稿 參考鏈結:https://codelove.tw/@howtomakeaturn/post/Ja6JJa 練習網址:https://jsfiddle.net/0rxs8edh...

1個讚   4留言 790瀏覽

自學網頁の嬰兒教材：JavaScript（六）作業分享

第1課 ── 認識 data model 與 render function https://jsfiddle.net/birdie2019/7haz6fLj/9/ 第2課 ── 認識陣列操作 https://jsfiddle.net/birdie2019/7haz6fLj/15/ ...

1個讚   1留言 638瀏覽

分享：<fieldset> 超厲害的html，不需要CSS寫很酷登入畫面

``` <fieldset> <legend>ID</legend> <input type="text" id="position" placeholder="Enter PositionID"> </fieldset> ``` ![](...

2個讚   1留言 633瀏覽

發問-能不能做解讀代碼系列！？（內有題材之一：破解右鍵

# 主題 一直覺得看別人的code可以學到很多 不只是方法還有寫程式的觀念 想許願新的教學文章是 帶著看code 解讀網頁上實際運用到的東西 我第一個想丟出來討論的是破解右鍵 # 程式碼 ```javascript= javascript: (function...

2個讚   6留言 633瀏覽

🔥🔥新功能上線：搜尋功能🔥🔥

網站上的文章開始變多了 需要回頭找文章、查一些關鍵字的時候，可以使用

1個讚   0留言 445瀏覽
歡迎發文
💡 記錄日常工作的實踐、心得
💡 發表對生活和職場的感悟
💡 針對感興趣的事件發表隨筆或者雜談
💡 詳細介紹你掌握的一門語言、一個技術，或者一個興趣
💡 或者，就直接把你的部落格搬到這裡（支援 API 可以撈）
熱門文章
🔥 Windsurf 是最好的程式碼編輯器
🔥 進階 SQL：掌握查詢最佳化和複雜連接
🔥 轉職 developer 時可以準備的 5 個專案
🔥 2025 現代 Node.js + TypeScript 設定
🔥 給新手：20 個 Git 指令整理
  近期留言
熱門搜尋： 使用 專案 開發 [] 工作 技術 VS 搜尋 作為 __ PB COM blog 第一 jav 前端 網頁 學習 分享 課程 測試 AM ui 系列 結構 作業 https 後端 ＣＳＳ 語言 圖片 網站 框架 ') 效率 伺服器 for Re 開源專案 Git Line 練習 wEB javasc with GIT JAVA LA 軟體 部署 工程師 work %' 嗎？ JS app 分析 Node API python 基礎 go ul Ai 研究 ci 討論 REACT 資料庫 COMPO html Can js 筆記 開源 架構 公司 lang 主題 Python Docker 套件 React 遊戲 清單 改善 email 入門 SQL 演算法 vs Typescrip .net 非同步 import vue SOLID class aws 部落格
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。