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

🔍 搜尋結果：onclick

🔍 搜尋結果：onclick

掌握 Next.js：2024 年建立大型專案的終極指南

征服 Next.js 叢林 ---------------- 嘿，程式碼管理員和 Next.js 愛好者！ 👋 您是否感覺像印第安納瓊斯一樣，在元件、鉤子和配置文件的茂密叢林中進行黑客攻擊？別擔心，在這次冒險中你並不孤單。我曾經在那裡，手裡拿著砍刀，試圖在大型 Next.js 計畫的荒野中開...

0個讚   0留言 396瀏覽

React 19：新功能介紹

介紹 -- React 是用於建立使用者介面的流行JavaScript 程式庫，即將在即將發布的版本19 中實現巨大飛躍。感到興奮不已我們建立 Web 應用程式的方式。 在這份綜合指南中，我們將探索 React 19 的前沿功能，包括新的掛鉤、API 變更和效能增強，這些將重塑您的開發...

0個讚   0留言 145瀏覽

React 與 Next.js：2024 年現代 Web 開發比較

在快節奏的 Web 開發世界中，選擇正確的工具可以決定您的專案的成敗。 JavaScript 生態系統中有兩個巨頭脫穎而出：React 和 Next.js。但您應該為下一個專案選擇哪一個呢？在這份綜合指南中，我們將探討 React 和 Next.js 的功能、優點、缺點和理想用例，幫助您針對 202...

0個讚   0留言 288瀏覽

使用 MERN 堆疊建立 CRUD 應用程式：逐步指南

1. 設定後端 ------- ``` mkdir mern-todo-app cd mern-todo-app npm init -y ``` 1.2. Install Dependencies ``` npm install express mongoose bod...

0個讚   0留言 116瀏覽

使用簡單的 JavaScript 可以完成的 15 件小任務 🤯

我喜歡 JavaScript，因為它充滿驚喜，可以用於許多令人驚奇的事情。 許多開發人員喜歡它，但由於顯而易見的原因，許多開發人員仍然討厭它。 但沒有人可以否認 JavaScript 實在是太棒了。 那麼，讓我們看看使用 Vanilla JavaScript 可以做一些令人驚訝的事...

0個讚   0留言 189瀏覽

讓我們練習在 React 中編寫乾淨、可重複使用的元件

🔑 關鍵概念 ------ **什麼是可重複使用的 React 元件？**將它們視為建置塊。 它們是您可以在網站的不同部分使用的程式碼片段，以節省時間。它們可以是從簡單按鈕到複雜表單的任何內容。 ### **為什麼要使用可重複使用的元件？** 它們可以輕鬆加入新功能並提高程...

0個讚   0留言 140瀏覽

使用 NextJS 建立電子商務商店

在本教程中，您將學習如何建立電子商務商店，客戶可以在其中透過 Stripe 購買產品並付款。成功付款後，將向客戶發送電子郵件通知，並向管理員用戶發送應用程式內通知。管理員用戶也可以在應用程式中建立和刪除產品。 為了建立這個應用程式，我們將使用以下工具： - [Appwrite](http...

0個讚   0留言 269瀏覽

您可能不知道的 HTML 標籤

開發者們大家好👋 在這篇文章中，我將分享一些在 HTML5 中加入的新的、有用的 html 標籤，用於編寫簡單快速的程式碼來建立複雜、動態、引人入勝且有效的網站。 讓我們開始吧🚀 對話 -- ➡ 現在您可以使用`<dialog>`標籤輕鬆建立對話方塊或彈出視窗。這是建立自訂...

0個讚   0留言 359瀏覽

用不到 40 行程式碼建立您自己的 React 狀態管理庫 - 並支援 TypeScript

你有沒有想過 React 狀態管理函式庫是如何建構的？從像 redux 這樣具有大量樣板和大包大小的解決方案，到像 zustand 或 jotai 這樣更輕、更簡單的庫。今天我們將建立我們自己的狀態管理庫，並看看幕後發生的魔法。 了解 useSyncExternalStore -------...

0個讚   0留言 167瀏覽

每個前端開發人員都應該了解的軟體工程原理

作為前端開發人員，我們通常專注於建立漂亮的使用者介面。然而，重要的是要記住，美麗也在於內部，像素完美的方法也應該轉化為我們的程式碼組織和結構。在本文中，我們將探討每個前端開發人員都應該了解並在其專案中應用的一些基本軟體工程原理。 1. DRY（不要重複） ------------ DR...

0個讚   0留言 224瀏覽

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

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素: https://jsfiddle.net/applelily/wr4cjvhL/2/ --- JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件: https://...

2個讚   1留言 234瀏覽

掌握 React 中的 S.O.L.I.D 原則：簡單範例和最佳實踐

### 單一職責原則（SRP） **一個元件應該只有一個改變的理由，這意味著它應該只有一項工作。** #### 範例：使用者設定檔元件 **應該這樣：** - 將職責分解為更小的功能元件。 ``` // UserProfile.js const UserProfil...

0個讚   0留言 326瀏覽

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

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

1個讚   0留言 392瀏覽

使用這些 React 函式庫和雲端後端來建立全端應用程式。

今天，我們將學習如何使用 Wing 作為後端建立全端應用程式。 ![反應 + 維特 + 翅膀](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vb7jf7dk9b08x042p0vl.png) 我們將使用 React 和...

0個讚   0留言 355瀏覽

使用 React 開發時應該了解的 17 個函式庫

長話短說 ==== 我收集了您應該了解的 React 庫，以建立許多不同類型的專案並成為 React 奇才🧙‍♂️。 其中每一項都是獨一無二的，並且都有自己的用例。 別忘了給他們加星號🌟 讓我們開始吧！ ![圖片描述](https://dev-to-uploads.s...

0個讚   0留言 485瀏覽

useReducer() 優於 useState() 的 3 個理由

這是什麼 ---- `useReducer()`是 React Hooks API 中的一個方法，與`useState`類似，但為您提供了更多控制權來管理狀態。它接受一個reducer函數和初始狀態作為參數，並傳回狀態和調度方法： ``` const [state, disp...

0個讚   0留言 282瀏覽

在 React 中編寫乾淨、可重複使用的元件（最佳實踐）

🔑 關鍵概念 ------ 什麼是可重複使用的 React 元件？您可以將它們視為建置塊。 它們是獨立的程式碼片段，可以在整個網站中重複使用，以節省您的時間和精力。 它們可以是從簡單按鈕到複雜表單的任何內容。 **為什麼要使用可重複使用的元件？** 隨著您的網站的發展...

0個讚   0留言 550瀏覽

我正在建立一個全端應用程式：以下是我將要使用的庫......

您可以使用無數的框架和函式庫來改進您的全端應用程式。 我們將介紹令人興奮的概念，例如應用程式內通知、使用 React 製作影片、從為開發人員提供的電子郵件 API 到在瀏覽器中建立互動式音樂。 那我們就開始吧。 （不要忘記為這些庫加註星標以表示您的支持）。 ![圖片描述](h...

0個讚   0留言 513瀏覽

Next.js 14 使用瀏覽器爬蟲，進行即時資料抓取的預訂應用程式

目錄 == - [介紹](#introduction) - [技術堆疊](#tech-stack) - [特徵](#features) - [設定 Next.js 應用程式](#step-1-setting-up-the-nextjs-application) - [...

0個讚   0留言 590瀏覽

如何將 Google Maps API 與 React.js 結合使用

![同學好](https://media.giphy.com/media/3ohjV1r9VfQt0JLKzS/giphy.gif) 在嘗試在個人react.js專案中實作Google地圖API時，我遇到了幾個非常複雜且令人困惑的範例。這是我如何在我的應用程式中使用 Google 地圖...

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