站長阿川

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

站長精心設計，帶你實作 63 個小專案，得到作品集！

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

🔍 搜尋結果：position

🔍 搜尋結果：position

CSS 小技巧：如何將 img 轉換成 background-image

歡迎關注我的公眾號：**前端偵探** 聊聊圖片與背景圖片 ## 一、img vs background-image 大部分注重內容的圖片（比如商品展示、文章配圖）都推薦直接使用`img`標籤，好處有很多，比如 1. `img`支持天然懶加載，設置`loading="lazy"...

0個讚   0留言 64瀏覽

如何使用 JSON 格式建立任意 Google Veo 3 影片樣式

如果你曾經想要掌控 Google Veo 的強大影片生成能力，但卻感到模糊的提示限制了你的創意，那你並不孤單。幸運的是，網路上有一個資訊分享的黑科技，它能讓你以乾淨的 JSON 格式微調你影片中的每一個元素。 > 在深入探討如何使用 JSON 創建電影級提示之前，這裡有一個給開發者的提示，無論...

0個讚   0留言 90瀏覽

remix 嘗試 CRUD、嘗試導航、嘗試 busy state

使用 prisma 操作 db 會像這樣 ## Create ``` export async function action({ request }) { const formData = await request.formData(); const title = f...

1個讚   2留言 1,423瀏覽

用 CSS 畫吉他和弦

在我之前的文章中，我研究了 CSS 中新的、改進的`attr()`方法。我[欣喜若狂](https://dev.to/madsstoumann/phases-of-the-moon-in-css-2lbo)（雙關語）。這次，我將繼續研究`attr()`方法，展示如何製作易於閱讀的元件（至少對於吉他手...

0個讚   0留言 192瀏覽

開發人員在測試時面臨的 12 個問題及其解決方法

自動化測試有時會給開發人員帶來很大的麻煩，因為設定緩慢、測試不牢靠且工具無法正常擴展。 即使無程式碼工具也不像看起來那麼簡單。但是如果有一種方法可以讓測驗變得更聰明、更容易呢？ 今天，我們將介紹開發人員在測試期間面臨的 12 個常見問題以及 KaneAI（GenAI 原生測試代理）如何協...

0個讚   0留言 1,280瀏覽

如何使用 Maybe Finance 和 CopilotKit🪁 建立由 AI 驅動的開源財務管理器⚡️

**總結** ------ 在本教程中，我們將引導您逐步建立由**AI 驅動的投資和儲蓄 Copilot** ，以幫助您使用[Maybe Finance](https://maybefinance.com/) 、Nextjs 和[CopilotKit](https://go.copilotk...

0個讚   0留言 610瀏覽

給用 Laravel 中小企業的架構建議：別用 Service + Repository，改用 Mutation + Query

國內外的 Laravel 社群，主流的架構建議是使用 Service 類別和 Repository 類別來組織原始碼。 然而，我發現許多團隊在實施這個架構時會遇到兩個問題。 第一個問題是，隨著時間推移，程式碼會散落各處，無法明確區分哪些應該放在 Service、哪些應該放在 Reposi...

1個讚   1留言 3,917瀏覽

🌷 使用 JavaScript 建立 SSR 圖庫應用

大家好！在本文中我將描述建立 Gallery 應用程式的過程。您可以放心地使用此應用程式並按您的意願進行編輯（您只能在那裡更改圖片，因為有許可證）。雖然功能不多，但是我認為，它非常適合用作工作範例。 💻 該應用程式是什麼樣的，它的功能是什麼？ --------------------- ...

0個讚   0留言 1,441瀏覽

2025 年的 5 個最佳資料視覺化函式庫

大家好，我是來自[Outerbase](https://www.outerbase.com)人工智慧資料平台的 Brandon。正如您可能想像的那樣，我有幸處理大量資料。就像大多數理智的人一樣，我更喜歡以圖表的形式視覺化我的資料，而不是整天瀏覽表格、行和列（儘管這些人確實存在）。 與大多數 B...

1個讚   0留言 475瀏覽

2025 年大型專案適用的 13 個開源工具🚀

對於科技來說，這將是激動人心的一年，我們可能會看到跨多個領域、人工智慧工具、框架、資料庫等的突破性成就， 因此，我策劃了一些您必須用來建立下一個大型專案的開源工具。 ![新年卡通gif](https://dev-to-uploads.s3.amazonaws.com/uploads/ar...

0個讚   0留言 749瀏覽

2025 年的 25 個建立 Web 應用程式的工具🎉 🚀

2024 年是瘋狂的一年，圍繞著人工智慧和軟體開發發生了很多事情。我相信到 2025 年這只會變得更加有趣。 Javascript 仍然是全球開發者建立可投入生產的應用程式的首選，並且到 2025 年仍將如此。 因此，我收集了 25 個儲存庫，它們在 2024 年顯示出巨大潛力，並且肯定...

0個讚   0留言 518瀏覽

建立酷炫 AI 應用程式的 9 個必須了解的開發工具🧙‍♂️🪄

我已經從事人工智慧應用很長時間了。我建立過多個AI驅動的應用程式，在開發過程中，我經常面臨挑戰，例如： - 整合AI功能 - 處理授權 - 管理 AI 工作流程 在這篇部落格中，我整理了一系列可用於克服這些問題的人工智慧工具。 ![圖片說明](https://dev-t...

0個讚   0留言 1,070瀏覽

UI 開發人員的 10 個 CSS 技巧

嗨，各位 UI 開發者！你準備好將你的 CSS 技能提升到下一個層次了嗎？不論你是經驗豐富的專業人士，還是剛入門的小白，我們都會面臨樣式表似乎有自己意志的情況。可別擔心！我有一些實用的 CSS 小技巧，可以讓你的工作變得更加輕鬆，並使你的設計更具吸引力。 在這篇文章中，我們將探討 10 個令人...

1個讚   0留言 658瀏覽

好用的 10 個 CSS 程式碼片段

簡介：使用這些方便的 CSS 技巧來增強您的樣式表 ------------------------- 嘿，UI 開發人員朋友們！您準備好為您的樣式表加入一些活力了嗎？我們都知道 CSS 既可以是祝福，也可以是詛咒。它非常強大，但有時感覺就像我們在與一隻頑固的章魚搏鬥，試圖讓我們的佈局恰到好...

0個讚   0留言 351瀏覽

開發者必須知道的 17 個 React 專案 👩‍💻 🔥

React 生態系統非常龐大，這要歸功於開發者社群。 數以千計的套件、庫和框架使其如此強大。 今天，我們正在探索 17 個很酷的 React 專案，它們對開發人員非常有用。我還介紹了三個很棒的 UI 元件庫。 讓我們跳進去吧。 --- 1. [Tolgee](https...

1個讚   0留言 706瀏覽

CSS 中的黃金比例

黃金比例，也稱為黃金數、黃金比例或甚至是神聖比例，是兩個數字之間的特殊關係，其大約等於 1.618。它常用希臘字母「phi」表示。值得注意的是，這個比例與費波那契數列有著密切的聯繫—這是一系列的數字，每個數字都是前兩個數字的總和。費波那契數列以 0、1 開始，然後繼續：1、2、3、5、8、13、21...

1個讚   0留言 468瀏覽

用純 CSS 寫一個太陽系

太陽系已經用 CSS 完成了**很多**次——只需搜尋 Codepen 即可！那為什麼還要再做一次呢？ 因為事情變得更好、更簡單——我們現在只需幾行 CSS 就可以建立一個**響應式**太陽系。 讓我們從一些非常基本的標記開始： ``` <ol> <li class="su...

0個讚   0留言 407瀏覽

給 AI 工程師的 15 個開源專案🧙‍♂️ 🪄

人工智慧風靡一時，並且有大量的炒作。有人說這將改變我們所知道的世界（以錯誤的方式），而其他人則說這是一種時尚。 然而，正如埃隆馬斯克所說，“最有趣的結果是最有可能的。” 人工智慧不會殺死我們所有人，它也不是一種時尚。相反，它將提高我們的生產力，建立更複雜的系統。 ![愛圖工作 gi...

1個讚   0留言 1,495瀏覽

使用 Three.js 打造一個太陽系

JavaScript/Node 擁有最大的函式庫生態系統，涵蓋大量可簡化開發的功能，因此我始終可以選擇哪一個更適合您的目的。然而，如果我們談論 3D 圖形，則沒有那麼多很酷的選擇，而[Three.js](https://threejs.org/)可能是其中最好的，並且擁有最大的社區。 那麼讓我...

1個讚   0留言 530瀏覽

使用 Next.js 和 OpenAI 建立 AI 測驗 app 🧙✨

在本教程中，您將學習如何建立人工智慧驅動的測驗應用程式，該應用程式使用戶能夠選擇主題、回答與該主題相關的問題，並在完成測驗後立即收到分數。 此測驗的問題將使用 OpenAI API 動態生成，方法是提供以所需 JSON 格式傳回問題的特定提示。在建立此應用程式時，您還將學習如何將 OpenAI...

0個讚   0留言 532瀏覽
歡迎發文
💡 記錄日常工作的實踐、心得
💡 發表對生活和職場的感悟
💡 針對感興趣的事件發表隨筆或者雜談
💡 詳細介紹你掌握的一門語言、一個技術，或者一個興趣
💡 或者，就直接把你的部落格搬到這裡（支援 API 可以撈）
熱門文章
🔥 10 個 VS Code 擴充功能助你成為終極開發人員🔥
🔥 10 個最佳開源 ChatGPT 替代方案，100% 本地執行
🔥 17 個最強大的開發人員人工智慧工具
🔥 極為簡單的 Python 專案結構與導入
🔥 🤩 最佳 VS Code 外掛 🛠 2023 年每個開發人員都應該使用
  近期留言
熱門搜尋： __ HTML https AR Re with ar url id json 使用 component github Can node.js next '; ai Line REACT 開發 javas Ts js ul re AWS log Js 語言 am imgur user console.log( the for .net Type COM ui 面試 type la Typescript Vue `) linux jav Openai java javascript com react console.log GIT 平台 go vs code API 作業 工作 CLI admin javasc MR rust 設計 架構 api EOF ejs lara ruby 學習 <!-- rag 分享 Java Git web icon repository stripe clean mysql validation Response AM lang 部署 Bootstrap chatgpt onclick SSR idea LA 後端 app 心態 prisma
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。