🔴 YT 直播開台啦！每週二晚上 8 點直播《CodeLove Talk》現場開講！➡️ 訂閱 YouTube 頻道

jason chen

jason chen

此人尚未填寫簡介。

登入次數：124 次

註冊於2023年02月16日

發表了 3 篇貼文

新增了 14 則留言

貼文共 4,207 次瀏覽

近期留言

看到一個 indie hacker

很讚我在推特上看很多都是賣鏟子的多到有疲乏🤣

詢問JS children使用方式

您好 x.chlidren 是一個像是陣列的東西 ( HTMLCollection )，印出來後會看到 ![](https://i.imgur.com/R4z1z9C.png) ```javascript // x.chlidren => 陣列 // x.chlidren[0] => 陣列裡的東西 const x = { children: [{ nodeName: "SPAN", textContent: 'test01' }, { nodeName: "INPUT", textContent: "" } ] } // x.children 是一個像是陣列的東西，所以在陣列裡面找 textContent 屬性會 error console.log(x.children.textContent) console.log(x.children[0].textContent) ```

[問題] Zod 的 .optional() 使用方法

hi zod 通常是拿來做表單或 api 資料的型別驗證，我看到的大多作法是自己定義 type，加上使用 react 的 ComponentProps，這樣還可以獲得 html 的原始 props。 ```typescript import { ComponentProps } from "react"; type MyDivProps = ComponentProps<"div"> & { myProp: string; }; const MyDiv = ({ myProp, ...props }: MyDivProps) => { console.log(myProp!); return <div {...props} />; }; ``` 參考 : https://www.totaltypescript.com/react-component-props-type-helper

非同步 JS 訓練一：第3課 ── 認識 async/await 語法

作業繳交 https://jsfiddle.net/jason60810/gwdn7c6f/6/ 1. try/catch：在使用async和await時，我們使用try/catch來進行錯誤處理。如果API請求或其他操作出錯，程式會立即跳到catch區塊。 2. finally：這部分用來更新UI，不論之前的操作成功或失敗，它都會執行。 3. async function 回傳 Promise：使用async宣告的函數會自動回傳一個Promise。即使函數內沒有明確返回值（return），它仍然會回傳一個解析為undefined的Promise，所以可以在函數執行完畢後使用.then()或await進行後續操作，如下： ``` fetchOrderDetails().then(() => { console.log("fetchOrderDetails has completed."); }); ```

非同步 JS 訓練一：第2課 ── 認識 promise chain 鏈接

作業繳交 https://jsfiddle.net/jason60810/9zd0wpjL/42/ then()：用於處理成功的回應。這裡我們會獲得用戶ID和訂單ID。 catch()：用於捕捉錯誤。例如，如果我們試圖獲取一個不存在的訂單ID，catch()會被觸發。 finally()：不管成功或失敗，這一段總會被執行。在這裡，我們用它來隱藏loading提示。因為jQuery自身不支持finally()，所以我用Promise.resolve()將jQuery的$.get()轉為原生的Promise，這樣我們就能使用finally()了。

查看全部留言

jason chen · 04月28日

CodeLove 文章的 GitHub Actions

透過 GitHub Actions 自動抓取自己寫的 CodeLove 文章，並更新專案根目錄的 `README.md` ## 使用方法 1. 創建檔案 `.github/workflows/codelove-updater.yml` 在專案中: ```yaml name: Test...

2個讚 1留言 172瀏覽

jason chen · 08月20日

Conditional Rendering 常見錯誤

https://www.youtube.com/watch?v=Rr5AqASIyxw ## TL;DR - 在 JSX 使用 0 時，雖然是 falsy 但還是渲染出來 - [官方文件特別提醒要注意](https://react.dev/learn/conditional-renderi...

1個讚 4留言 2,374瀏覽

jason chen · 08月13日

useContext 常犯錯誤與如何在 TS 使用

https://youtu.be/I7dwJxGuGYQ ## TL;DR - 在使用 useContext 時，一定要將其包裝成 custom hook - [好讀版本](https://hackmd.io/@jason60810/rklVqNUh2) - [React 官方文件新增了...

2個讚 1留言 1,661瀏覽

熱門搜尋：開發使用工作專案 https 分享學習技術 LA 搜尋 __ 作為 AM 第一 javasc ui 前端 Re 網頁測試 github id 嗎？網站 ar jav COM app 分析 for Ai AR 工程師 Ts Ml 語言框架 AI 討論 Java 課程伺服器效率結構作業 Git 資料庫 git 軟體圖片系列 js JS 架構 go wEB 編輯 javascript ci Javas 開源 react 研究ＣＳＳ log 練習後端 with AWS api %' bi 公司基礎 ai JAVA 主題筆記入門 json lang API 清單 Type 部署 ul css 套件 Line 部落格 user map py 乾淨 Can post work GIT console.log Python

CodeLove 愛寫扣論壇 © 2025

🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。

‹ › ×