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

🔍 搜尋結果：onClick

🔍 搜尋結果：onClick

使用 Next.js、Vercel AI 和 Tolgee 建立看板

長話短說 ---- 在本文中，我們將使用 WebSockets 在 Next.js 中建立即時看板，並提供資料庫支援、透過 Vercel AI SDK 提供的 AI 支援以及透過 Tolgee 的在地化。 **你將學到什麼：✨** - 在沒有 Express 的[Next.js](https...

0個讚   0留言 9瀏覽

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

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

1個讚   0留言 101瀏覽

在 JavaScript 和 TypeScript 框架中應用 SOLID 原則

**介紹** ------ SOLID 原則構成了乾淨、可擴展和可維護的軟體開發的基礎。儘管這些原則起源於物件導向程式設計 (OOP)，但它們可以有效地應用於 JavaScript (JS) 和 TypeScript (TS) 框架，例如 React 和 Angular。本文透過 JS 和 ...

0個讚   0留言 71瀏覽

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

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素: https://changeable-pond-side.glitch.me/ JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件: https://cake-po...

2個讚   1留言 122瀏覽

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

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

0個讚   0留言 96瀏覽

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

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

0個讚   0留言 147瀏覽

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

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

1個讚   0留言 81瀏覽

使用 Socket.io、Express、React.js 和 Chakra UI 建立即時聊天應用程式（Vite 設定）

在這篇部落格中，我們將使用 **Socket.io** 來構建一個 **即時聊天應用程式**，進行雙向通信，使用 **Express.js** 作為伺服器，**React.js** 作為前端，並使用 **Chakra UI** 進行樣式設計。我們將使用 **Vite** 快速開發來設置專案。 ...

0個讚   0留言 83瀏覽

React 心態：新手 React 開發人員該如何思考

React，一個流行的 JavaScript 函式庫，用於構建使用者介面，通過使開發者能夠創建可重用的組件並高效地管理複雜的使用者介面，徹底改變了前端開發。然而，對於新的開發者來說，採取正確的心態是導航 React 獨特範式的關鍵。我們來探討塑造「React 心態」的基本原則和策略。 ## 1...

0個讚   0留言 100瀏覽

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

第1課 ── 基本的函數操作、onclick 事件 https://pouncing-cuboid-lathe.glitch.me/ 第2課 ── 基本的變數操作、從 html 取得內容 https://melodic-tiny-beak.glitch.me/ 第3課 ── 修改 h...

2個讚   1留言 187瀏覽

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

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

1個讚   0留言 146瀏覽

前端開發 & 資料結構

前端面試通常完全不關心資料結構與演算法（DSA）。 而對於那些還記得在學校或大學學習 DSA 的我們來說，所有的例子都感覺非常純粹演算法化（這是有原因的），但幾乎沒有任何例子或指導，告訴我們我們日常使用的產品如何利用這個概念。 *“我真的需要這個嗎？”* 你一定問過自己很多次，對吧？👀...

1個讚   0留言 153瀏覽

寫 React 專案時常見的 5 個錯誤

**介紹：** React 徹底改變了我們建立使用者介面的方式，但能力越大，責任越大。當我們在 2024 年應對不斷變化的 React 開發格局時，了解最佳實踐和常見陷阱至關重要。在這份綜合指南中，我們將深入探討開發人員在啟動新的 React 專案時常犯的五個嚴重錯誤。透過理解並避免這些錯誤，...

1個讚   0留言 106瀏覽

Axios 與 API 管理簡介

在當今互聯的網路環境中，客戶端和伺服器之間的高效資料交換至關重要。 Axios 是一個強大的 JavaScript 函式庫，它徹底改變了開發人員處理 HTTP 請求的方式。無論您是建立時尚的單頁應用程式還是強大的後端服務，Axios 都可以簡化 API 交互，使您的程式碼更簡潔、更易於維護。 ...

2個讚   0留言 248瀏覽

🚀 好用的 7 個基本 React Hook 簡介 🚀

React hooks 徹底改變了我們在 React 中編寫元件的方式，使我們的程式碼更具可讀性、可維護性和功能性。無論您是經驗豐富的開發人員還是剛起步的開發人員，這些掛鉤都是可以顯著改進您的專案的重要工具。在本部落格中，我們將探討一些最有用的 React hook，以及如何有效使用它們的範例。 ...

1個讚   0留言 110瀏覽

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

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

0個讚   0留言 105瀏覽

5 個冷門但好用的 HTML 功能

HTML 是 Web 開發的基礎。雖然大多數開發人員都熟悉基本元素，例如 ``` <div>, <p>, and <img>, ``` HTML 提供了大量進階功能，可顯著增強網頁的功能和效率。不幸的是，其中許多強大的功能仍未充分利用。在本文中，我們將探討您可能沒有使用但絕對應該使用...

0個讚   0留言 88瀏覽

我建立了一個 AI 工具來處理我媽媽的發票，並節省了她 20 個小時的工作時間！ 😲

長話短說 ---- 我媽媽經營一家小企業已經有一段時間了，她從客戶、供應商和經銷商那裡收到了大量的發票。我一直想知道為什麼我年輕時她總是對我生氣。不久我就意識到她一直在摸索這些發票。 因此，我想，為什麼不建立一個人工智慧機器人來自動檢索電子郵件、處理電子郵件並將必要的詳細資訊組織到電子表格中呢...

0個讚   0留言 71瀏覽

5 個優化 React 效能小技巧

介紹 == 我寫 React 程式碼已經 3 年多了。然而，我最初沒有關注的一件事是優化 React 效能。大多數時候，技術債會不斷積累，優化性能變得充滿挑戰。 從一開始就專注於優化是相當困難的，但您可以不時地安排優化以避免巨大的技術債。 我們將研究 React 的一些優化技術。...

1個讚   0留言 265瀏覽

掌握 React 中的 SOLID 原則

在開發健全、可維護和可擴展的 React 應用程式時，應用 SOLID 原則可以改變遊戲規則。這些物件導向的設計原則為編寫簡潔高效的程式碼提供了堅實的基礎，確保您的 React 元件不僅功能強大，而且易於管理和擴展。 在本部落格中，我們將深入探討如何將每個 SOLID 原則應用到 React ...

1個讚   0留言 100瀏覽
歡迎發文
💡 記錄日常工作的實踐、心得
💡 發表對生活和職場的感悟
💡 針對感興趣的事件發表隨筆或者雜談
💡 詳細介紹你掌握的一門語言、一個技術，或者一個興趣
💡 或者，就直接把你的部落格搬到這裡（支援 API 可以撈）
熱門文章
🔥 用現代工具監控您的 Python 應用程式！ 🧙‍♂️🪄
🔥 給初學者的 7 個基本 React 技巧
🔥 25 個開源 AI 工具可將您的開發時間縮短一半
🔥 warp - 使用命令列的新方法、新工具
🔥 Brain.js 初學入門簡介
  近期留言
熱門搜尋： 使用 開發 工作 專案 分享 ar 技術 網站 id 作為 for API 作業 github 學習 第一 Ml js html javascript 測試 搜尋 AI java Javascript Git git HTML 前端 JAVA api app JavaScript %' javasc ui Java 系列 開源 語言 CD user COM 網頁 ul url 架構 結構 套件 jav ＣＳＳ 框架 Line 清單 ci GIT 編輯 後端 研究 AWS py css Node bi go 主題 Github react 工程師 Ai 資料庫 部署 REACT 伺服器 this Can console aws create json with 遊戲 CSS 部落格 查詢 Javas component JS Python class 新手 node 登入 分析 入門 練習 design 新創 vue 作品
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。