阿川私房教材：學程式，拿 offer！

63 個專案實戰，直接上手！
無需補習，按步驟打造你的面試作品。

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

🔍 搜尋結果：css

🔍 搜尋結果：css

使用 React.js、Node.js、SerpApi 和 MUI 建立求職網站 Web 應用程式

在這篇博客中，我們將逐步構建一個 **求職網站應用程式**，使用 **React.js**（搭配 **Vite** 進行設置）、**Node.js**（使用 **Express**）、**SerpApi** 從 Google 職位中獲取求職清單，以及使用 **Material-UI (MUI)** ...

0個讚   0留言 135瀏覽

使用 Tailwind CSS 和 Flowbite 建立的開源 WYSIWYG 文字編輯器元件

從 [Flowbite 的 WYSIWYG 文字編輯器](https://flowbite.com/docs/plugins/wysiwyg/) 是基於 Tip Tap 函式庫的開源專案，採用 MIT 授權，允許您輕鬆編輯具有排版樣式、連結、圖片、影片等的複雜文字數據。 Flowbite 提供...

0個讚   0留言 210瀏覽

10 個最佳 Visual Studio Code 擴充

當然可以！這是更新後的部落格，包含所有 VS Code 擴展的連結。稍後填寫佔位符即可。 --- ## 絕對需要的十大 VS Code 擴展（否則就糟糕了！） 所以你已經開始使用 Visual Studio Code 了，對吧？歡迎搭乘！它流暢、輕量，哦，這些擴展真是太棒了！它們就...

0個讚   0留言 142瀏覽

關於 Chrome DevTools 你可能不知道的事情

> 我幾乎每天都使用 Chrome 開發者工具，但有一些事情我希望早點知道 ### 1：輕鬆取得任何已檢查元素的引用 您可以透過右鍵單擊“元素”視圖中的元素並選擇“儲存為全域變數”，從控制台取得對任何已檢查元素的參考。 ![](https://res.clo...

3個讚   0留言 150瀏覽

CSS 中的黃金比例

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

1個讚   0留言 145瀏覽

21+ 個頂級 React 頁腳元件

在 2024 年，**React 和 Tailwind CSS** 提供強大且可自訂的頁腳元件，滿足任何網站的需求。 這篇文章將涵蓋 **21+** 個最佳的 React [頁腳元件](https://tailgrids.com/react/components/footers)，你可以將它們...

0個讚   0留言 111瀏覽

21 個 Chrome 擴充功能可提高您的工作效率

Hello Devs👋 作為軟體開發人員，我們總是在尋找能讓工作更輕鬆和提高生產力的方法。🧩Chrome 擴充功能在提升效率和增強生產力方面是非常有用的工具。 在這篇博客文章中，我將分享一些最好的開發者 Chrome 擴充功能。 如果你已經在使用它們，請在評論區分享你的經驗或反饋！...

1個讚   0留言 275瀏覽

讓您的應用程式感覺更好：針對初級/中級開發人員的 10 個 UI 技巧

嘿，開發者們！👋 作為一名初學者或中級開發者，你可能已經專注於讓你的應用程式功能正常運作。但你有沒有考慮過使用起來的感覺如何？在這篇文章中，我們將探討9個經常被忽視的UI設計方面，這些方面可以顯著改善你的應用程式的用戶體驗。 **注意：** 例子使用ReactJS和TailwindCSS...

1個讚   0留言 103瀏覽

我發現了一個比 v0 更好的工具 – 你不會相信它能做什麼！ 🤯

作為一名前端開發者，你可能聽說過 [Vercel v0](https://v0.dev/?from=chat) — 這個似乎徹底改變前端開發的工具。 但是，v0真的如同聽起來那麼棒嗎？我花了時間將它與一個新工具 [Webcrumbs Frontend AI](https://www.webcr...

0個讚   0留言 983瀏覽

React 的頂級 UI 元件庫

# 介紹 在這個快速變化的世界中，我們需要在更短的時間內創建美觀的網站。與其從頭開始構建每個組件，不如使用組件庫。如今，大多數網站都使用某種組件庫來構建他們的網站。建立美麗組件變得簡單，但它們也提供了自定義的機會。通過自定義，我們可以創建我們想要的任意設計。 有很多 UI 庫可以用來為 ...

0個讚   0留言 242瀏覽

Azure DevOps - 基礎知識

**Azure DevOps** 是一套服務，您可以在組織內實現端到端的 DevOps。 ![](https://miro.medium.com/v2/resize:fit:802/1*y1ExK9d8Kvr9DsGG3T5BgA.png) CI → 持續整合 (Continuous I...

0個讚   0留言 121瀏覽

為什麼 React 贏得了前端競賽

React，前端框架之王——或者我該說「函式庫」，因為 React 的忠實粉絲每 10 分鐘就會提醒你它*不是*一個框架。但我們不要陷入技術細節。如果你在 2024 年進行任何認真的前端開發卻不使用 React，那麼恭喜你，你是一個文青。不過對於我們其他的凡人來說，React 已經成為前端競賽中無可...

1個讚   0留言 187瀏覽

用於加快開發速度的 7 個最佳 VS 程式碼擴充 — 2024 年版 🚀

最近，我看到許多關於 VS Code 擴充套件的文章。但是你知道嗎？許多文章都已經過時了！你或許會問：怎麼會呢？它們不是昨天才分享的嗎！讓我來解釋一下。 許多列表格式的文章都是由人工智慧生成的。ChatGPT 的訓練使得它在你要求“為我的程式設計部落格撰寫一篇文章”時，傾向於寫幾個一般性的主題。如...

1個讚   0留言 526瀏覽

50 個必須了解的 VS Code 擴展，以加快開發速度 🚀

嘿，編碼員朋友！ 👋 您是否花在調整程式碼上的時間比編寫程式碼的時間還多？ 😅 您是否覺得您的 VS Code 設定可以使用一些超級英雄等級的升級？ 🦸♂️ 好吧，繫好安全帶，因為我們即將詳細介紹**50 個必須了解的 VS Code 擴展**，這些擴展將大幅提高您的工作效率並幫助您像專業人士一樣編...

1個讚   0留言 220瀏覽

21 個可改善開發者日常生活的開發者工具 ⚡🎁

有數以千計的開發工具和軟體包，但常見的問題是其中大多數不符合標準。 因此，我將介紹 21 個實際上有用的方法，它們可以改善您作為開發人員的日常生活。 其中一些是工具，一些是專案，其他可能包括包。 讓我們跳進去吧。 ![傳說中的gif](https://dev-to-uploa...

1個讚   0留言 179瀏覽

如何使用 Encore.ts 使 Express.js API 速度提高 9 倍

Encore.ts 是 TypeScript 的開源後端框架。本指南將引導您了解如何將[Express.js](https://expressjs.com/)應用程式遷移到[Encore.ts，](https://encore.dev)以獲得類型安全的 API 和 9 倍的效能提升。 為什麼要...

0個讚   0留言 239瀏覽

使用 FastAPI、HTML、CSS 和 JSON 建立簡單的部落格

在本教程中，我們將使用**FastAPI**建立一個基本的部落格應用程式作為後端，**使用 HTML**和**CSS**作為前端，並使用一個**JSON**檔案來執行基本的 CRUD（建立、讀取、更新、刪除）操作。 FastAPI 是一個使用 Python 建立 API 的現代 Web 框架，...

0個讚   0留言 472瀏覽

比較頂級 React 框架

介紹 == 學習React的時候，我們都是從CRA(create-react-app)函式庫開始。這是開始 React 之旅的好地方，但今天使用它來建立專案並不是一個好主意。以下是目前避免 CRA 的一些原因： - 與替代方案相比，建置時間更慢 - 對建構定制的控制有限 -...

0個讚   0留言 224瀏覽

各類型前端資源大整理 🚀

🚀 利用這些資源加速您的發展！ 🚀 👋 大家好！ 👋 在我之前關於前端資源的帖子得到熱烈反響後，我決定建立一個更新版本。這次，我不僅包含了之前分享的所有工具和函式庫，還包含了我從那時起發現的一堆新資源。 該集合包含各種工具，涵蓋從建置令人驚嘆的用戶介面到微調性能等等的一切。這些資源...

1個讚   0留言 300瀏覽

關於css的新手問題(已解決)

rt 最近開始學前端，用了npm create vue@latest建立了一個vue的初始專案，畫面就像圖中的，請問為甚麼我把head的width縮短但旁邊的main不會補上去而是留了一段空白 ![](https://i.imgur.com/SapqKBL.png) ![](https://i...

1個讚   1留言 173瀏覽
歡迎發文
💡 記錄日常工作的實踐、心得
💡 發表對生活和職場的感悟
💡 針對感興趣的事件發表隨筆或者雜談
💡 詳細介紹你掌握的一門語言、一個技術，或者一個興趣
💡 或者，就直接把你的部落格搬到這裡（支援 API 可以撈）
熱門文章
🔥 如何編寫更好的 TypeScript 程式碼
🔥 適用於 AI 新創公司的 8 個頂級開源工具
🔥 為開發人員提供的 prompt engineering：11 個概念和範例 🎯🧙‍♂️⚡
🔥 掌握前端和 Web 開發：動手練習這 10 個專案吧！
🔥 2024 年 cheatsheet 集合
  近期留言
熱門搜尋： "; 公司 Ml react 取代 Openai rxjs 模仿 QA 工程師 pchun go 系列 前端 css
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。