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

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

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

🔍 搜尋結果：HTML

🔍 搜尋結果：HTML

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

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件: https://jsfiddle.net/applelily/89kgaq13/15/ --- JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容: https://jsf...

1個讚   0留言 565瀏覽

詢問src相對路徑設定

最近嘗試自架靜態網站 遇到一個問題 假設網域:homepage.com 圖片路徑:homepage.com/img/001.jpg 文章路徑:homepage.com/page/index.html 如果文章需要存取到圖片的網址，src可以寫成"../img/0...

1個讚   2留言 488瀏覽

設計 HTML 複選框的樣式非常簡單

> 最初發佈在[我的部落格](https://devinduct.com/blogpost/16/styling-html-checkboxes-is-super-easy)上 老故事 --- 過去，像`checkbox`這樣的 HTML 元件很難按照我們想要的方式設定...

0個讚   0留言 504瀏覽

提高生產力和品質：必備 VS Code 外掛

Visual Studio Code 是目前市場上非常受歡迎且使用者友好的程式碼編輯器。如果您專注於使用 JavaScript 框架進行前端開發，這些擴充功能可以大大提高工作效率並節省您的時間。 在眾多類似的文章中，這篇文章有何不同？嗯，這是基於我個人的開發經驗。同事經常詢問我使用的擴充程序，...

0個讚   0留言 603瀏覽

我又建立了另一個 JavaScript 框架

**現在是 2024 年，您又建立了另一個 JavaScript 框架。說真的，夥計！** 當您談論另一個 Javascript 框架時，您可能會笑並認為有大量經過驗證的選項，為什麼還要建立另一個框架？ 🤷‍♂️ 讓我與您分享我的個人故事，它導致了新的 Javascript 框架的發展。...

0個讚   0留言 395瀏覽

CSS 中的單位（em、rem、pt、px、vw、vh、vmin、vmax、ex、ch、...）

CSS 知道幾種測量單位。最著名的單位是像素，但還有其他單位雖然不那麼流行，但在某些用例中非常方便。 本文涵蓋相對單位、絕對單位和視口單位。 |媒體|建議|偶爾使用|不經常使用|不建議| |-----|------------|--------------|--------------...

0個讚   0留言 960瀏覽

終於明白響應式 UI 網頁設計了！

https://www.youtube.com/watch?v=qrl0h-gbafA 介紹 -- 在網路開發領域，響應式設計的概念通常會為初學者帶來陡峭的學習曲線。即使在轉向更高級的主題之後，許多人仍然難以完全掌握響應式設計的本質，而這一缺陷在他們的專案中變得明顯。 對許多工...

0個讚   0留言 1,010瀏覽

您的 Express 應用程式中可能不需要 body-parser

什麼是 body-parser？ ========= 通常，當我看到描述[Express.js](https://expressjs.com/)伺服器的部落格文章或文章時，它通常以類似於以下內容的內容開頭： ``` npm init -y npm i express body-pa...

0個讚   0留言 529瀏覽

「自學網頁の嬰兒教材：HTML與CSS作業分享」

自學網頁の嬰兒教材：第2課 ── CSS 輕入門: https://jsfiddle.net/applelily/4kuo01L6/ --- 自學網頁の嬰兒教材：第3課 ── 網頁排版: https://jsfiddle.net/applelily/xcr3jzfe/3/ ---...

2個讚   1留言 501瀏覽

[小技巧分享] vue.js 動態替換 iframe src，如何解決 browser history 被修改問題

例如有個 component 如下： ``` vue <template> <iframe :src="url.src"></iframe> </template> <script> export default { data() { retu...

2個讚   0留言 962瀏覽

程式設計師的 5 個殺手級網站 💎

**嘿，編碼員！** 我想分享一些我發現的最酷的網站，它們確實可以節省您的時間並幫助提高您的編碼技能。 每一款都有獨特且免費的東西。 那麼就讓我們從👇開始吧 ## 1. [HTMLrev.com💎](htmlrev.com) ![htmlrev.com](https://de...

1個讚   0留言 638瀏覽

⚛️ 在 React 元件中組織程式碼

在 React 元件中組織程式碼有時經常被忽視，但在處理高階元件 (HoC)、 `forwardRef`和`memo`時，事情可能會變得複雜。如果處理不當，可能會導致程式碼混亂且難以維護。本文旨在透過提出一種更易於管理的方式來建立程式碼並提高工作效率來解決這些問題。 1️⃣ 在 React 元...

0個讚   0留言 462瀏覽

您必須了解的 21 個 HTML 技巧

在這篇文章中，我將分享 21 個帶有程式碼片段的 HTML 技巧，可以提高您的編碼技能。 讓我們直接進入正題吧。🚀 建立聯絡連結 ------ 使用 HTML 建立可點擊的電子郵件、電話和簡訊連結： ``` <!-- Email link --> <a href="ma...

2個讚   0留言 597瀏覽

每個 Web 開發人員都應該知道的 10 個 JavaScript 網站

介紹： --- 身為 Web 開發人員，掌握 JavaScript 對於建立動態和互動式 Web 體驗至關重要。為了磨練您的技能並隨時了解最新趨勢和工具，這裡有 10 個您應該了解的 JavaScript 網站。 1. MDN Web 文件（Mozilla 開發者網路）： -----...

0個讚   0留言 702瀏覽

21 個正在改變世界的人工智慧工具

世界上充滿了有前景的人工智慧工具，如 Sora、ChatGPT 以及更多即將推出的工具。 我收集了一些你必須使用的令人興奮的人工智慧工具。 該清單包括 Devin AI 的開源替代品、Notion、5 秒內的語音克隆、電子郵件自動化軟體以及您從未聽說過的工具。好奇心超載！ 別忘了給...

0個讚   0留言 836瀏覽

建立你的第一個 npm 包

這個週末我開始開發我的第一個 npm 包。我不敢相信我編寫程式碼已經有多久了，我從來沒有費心去建立自己的 npm 包，但我們來了。我使用 Gridsome 和 markdown 建立了我的最新網站，您可以[在此處](https://www.danvega.me/blog/hello-gridsome...

0個讚   0留言 840瀏覽

從頭開始寫簡單的程式語言 - 第 1 部分

如果您是開發人員，您就使用過程式語言。它們是讓電腦做你想做的事的好方法。也許您甚至已經深入研究過彙編或機器碼程式設計。許多人再也不想回來。但有些人想知道，我怎麼能透過做更多的低階程式來更折磨自己呢？我想更多地了解程式語言是如何製作的！開個玩笑，寫一門新語言並不像聽起來那麼糟糕，所以如果你有一點好奇心...

0個讚   0留言 607瀏覽

⚛️ 解釋 React 的類型

React 的類型系統與 TypeScript 一起使用時，為開發人員提供了建構類型安全應用程式的強大框架。了解各種 React 類型之間的細微差別對於就其使用做出明智的決策至關重要。讓我們深入詳細比較這些類型，以了解它們的差異和適當的用例。 1️⃣ React.FC 與 React.Elem...

0個讚   0留言 1,213瀏覽

在本機上使用 HTTPS 的非常簡單的方法

測試您的網站在本機電腦上是否運作良好始終是一項繁重的工作。 我找到了一個非常簡單的工具[mkcert](https://github.com/FiloSottile/mkcert) ： ``` ➜ localhost-https mkcert -install Us...

0個讚   0留言 480瀏覽

以有趣的方式學習 CSS 的 8 個遊戲

我必須承認，我很難記住事情。尤其是當涉及到 CSS 時。例如 Flexbox 佈局。 Flex 容器的`justify-content`屬性可以有[超過**12 個**不同的值](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-con...

0個讚   0留言 1,805瀏覽
歡迎發文
💡 記錄日常工作的實踐、心得
💡 發表對生活和職場的感悟
💡 針對感興趣的事件發表隨筆或者雜談
💡 詳細介紹你掌握的一門語言、一個技術，或者一個興趣
💡 或者，就直接把你的部落格搬到這裡（支援 API 可以撈）
熱門文章
🔥 Windsurf 是最好的程式碼編輯器
🔥 軟體設計/系統設計面試準備路線圖（附資源）
🔥 在本地免費執行 DeepSeek-R1 教學
🔥 Zoom 軟體架構中的 10 個可擴展性技巧
🔥 前端開發：將 Zod 與 TypeScript 結合使用
  近期留言
熱門搜尋： COM Java AI Ai javasc Javas %' 工作 ci JavaScript https for javascript JAVA 開發 wEB 作為 GIT ar js JS 測試 Javascript 第一 jav node ui user Github 分享 基礎 技術 Re Js 工程師 編輯 py HTML AM rag post this 課程 專案 id CD ul Can LA console Node work bi 軟體 研究 AWS Line 網站 fb 公司 git 前端 系列 ERD 搜尋 語言 資料庫 .NET __ vs go 使用 伺服器 效率 Ts lang 主題 ai Vue ') React create Html class Docker css app with 分析 開源 ＣＳＳ npm gpt url Css 架構 import 自學 COMPO 框架
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。