iT邦幫忙

javascript相關文章
共有 5912 則文章
鐵人賽 JavaScript DAY 19

技術 Day 19|從一個未來結果到一串未來資料:非同步資料流學習回顧

摘要: 用「工作何時開始、結果如何交付、錯誤往哪裡走、誰能停止工作」四個問題,分清 Promise 的一次 settlement、Async Iterator...

鐵人賽 Software Development DAY 14

技術 Day 14:案例——一個被過度 mock 掉的測試,通過了但沒抓到真正的 bug

前言:測試綠燈、CI 綠燈,為什麼上線還是炸了? 「這支測試把外部依賴都 mock 掉了,應該很單純、很穩定吧?」 昨天談到 AI 傾向把待測物件依賴的每一個東...

鐵人賽 JavaScript DAY 30

技術 最後一天 : bun 源碼分析,以及參考資源以及心得

前言 終於來到系列文的最後一天。這篇文章想做兩件事:第一,帶大家實際鑽進 oven-sh/bun 的原始碼庫,看看這個「號稱最快的 JavaScript 執行...

鐵人賽 JavaScript DAY 18

技術 Day 18|Promise.withResolvers:理解從「資料抵達」到「資料流到達可用節點」的轉變

摘要 以前常把 Promise 想成「資料一回來、fulfilled 就結束」。但有一種模式,是希望完成 Promise 的開關(resolve / rejec...

技術 JavaScript 基礎概念 1 | 橘貓不要看,是惡評。變數宣告與命名規範(let, const, var)

宣告變數常用的方法有兩種:let 跟 constconst 就像是貓的種類,有橘貓、虎斑、三花,種類不會輕易改變let 就像是貓的體重,會因為是不是橘貓,或者...

My Project Day 01:為什麼大學生需要一款專屬的記帳與消費分析網站?

月底總是吃土? 身為大學生,每個月的生活費有限,房租、飯錢、交際應酬、買書或買衣服,錢往往不知不覺就見底了。每次到了月底,心裡總是冒出一個巨大的問號:「我這個月...

鐵人賽 JavaScript DAY 17

技術 Day 17|已經有 for await...of,為什麼還需要 Array.fromAsync?

摘要 ES2026 的 Array.fromAsync() 把「用 for await...of 讀完整個來源並逐筆 push()」整理成標準 API,適合將最...

鐵人賽 JavaScript DAY 28

技術 Bun 效能壓測:用 wrk 打爆你的 Server,再優化它

前言 看過先前的文章,我相信各位可以把一個 bun server 弄起來,我這裡就不掩飾了,我們著重在其他部分壓測今天的主題主要以 wrk 這個工具為主,當然...

鐵人賽 JavaScript DAY 16

技術 Day 16|深入 Stream 本體:從 chunk、controller 到讀懂 Hono 的 StreamingApi

摘要 Stream 的 API 看起來很多,但其實圍著兩個字打轉——chunk(流過的一筆資料)和 controller(你把資料交出去的窗口);看懂這兩個,R...

My Project Day 2|讓 Discord Bot 真正上線並完成第一個 /ping 指令

今日學習目標今天的目標是讓昨天建立好的 Discord Bot 真正連線到 Discord,並完成第一個 Slash Command。今天主要完成:使用 .en...

鐵人賽 JavaScript DAY 27

技術 Monorepo 管理 —— Bun Workspaces 的最佳實踐

前言 隨著專案規模成長,越來越多團隊選擇將前端、後端、共用套件放進同一個 repository 管理,也就是所謂的 Monorepo。過去大家熟悉的組合可能是...

鐵人賽 JavaScript DAY 15

技術 Day 15|Web Stream 資料流的另一種收法:SSE 與 EventSource

摘要 SSE (Server Sent Events)讓 server 可以一直主動送資料給瀏覽器。它不是什麼特別的協定,就是一段普通的 HTTP 回應,裡面放...

鐵人賽 JavaScript DAY 26

技術 bun:ffi × Rust —— 用 cdylib 打造原生擴充模組

前言 在前面幾天,我們探索了 Bun 作為 JavaScript Runtime 的各種特性。今天要來玩一個比較「硬派」的主題:如何用 bun:ffi 呼叫...

鐵人賽 JavaScript DAY 14

技術 Day 14|怎麼讀一條 ReadableStream?從 getReader、read 到 for await...of

摘要 一句摘要:Day 13 的 ReadableStream 是給 consumer 讀的出口;取得 reader 的獨占讀取權後,可用 read() 逐筆等...

鐵人賽 Software Development DAY 9

技術 Day 09:案例——AI 為了讓測試綠燈,硬編碼了預期值

前言:測試綠了,是因為邏輯對了,還是因為它「記住了答案」? 「昨天講到 AI 在 Green 階段容易寫出『讓測試通過的最小手段』,聽起來有點抽象——最小手段到...

鐵人賽 JavaScript DAY 25

技術 Bun 在 CI/CD 的應用:GitHub Actions 加速你的 Pipeline(下篇)

前言 這一篇是為了補齊前篇更進一步的部分,我們要用 github action 的自動化幫助我們打包 image並且上到我們指定的存放 image 的地方,像...

鐵人賽 JavaScript DAY 24

技術 Bun 在 CI/CD 的應用:GitHub Actions 加速你的 Pipeline(上篇)

前言 我們一路從開發到 dokcer 今天我們要討論關於 bun 在 CI/CD 上的整合了bun 效能如此優良,過往用 npm 打包整個 CI 流程跑得非常...

鐵人賽 JavaScript DAY 13

技術 Day 13|從 Iterator 走向 Web Streams 的世界: 認識 Readable、Writable、Transform

摘要 一句摘要:Stream 描述資料隨時間逐步流動的模型;Web Streams 的三個名稱則描述資料管線中的角色與端點。一條 stream 不必同時經過...

My Project NoPause Playback:從分頁切換與視窗焦點,談網站影片自動暫停的處理

大家好,我們是獨立開發團隊 TMETE。這篇想分享一個 Chrome 擴充功能的設計:當網站因分頁切換而暫停影片時,如何減少打斷,同時保留使用者自己按暫停的選...

鐵人賽 JavaScript DAY 23

技術 部署實戰:把 Bun 應用容器化,推上 Docker

前言 我們做網頁或做服務來說,最無法避免的就肯定是部署的部分,當然現在這年頭, docker 與 git 差不多,基本上為現代工程師的標配了所以我們今天要把...

鐵人賽 JavaScript DAY 22

技術 前端整合:Bun + React + Vite 的開發工作流以及前端測試

前言 前幾天,我們討論的是幾個後端經典案例,製作帳密登入以及權限控管的部分今天開始我們要開始往 bun 在前端的應用去做使用,那現今最主要的前端打包工具非屬...

鐵人賽 JavaScript DAY 12

技術 Day 12|從 async Iterator 協議到理解 for await...of

摘要 一句摘要:同步 Iterator 的 next() 立即回傳 Iterator Result;Async Iterator 則用 Promise 表示...

鐵人賽 JavaScript DAY 11

技術 Day 11|await 暫停的到底是什麼?async function 如何交還控制權

摘要 一句摘要:await 不會暫停整個 JavaScript;它只暫停目前 async function 中依賴結果的後半段,將控制權交還給呼叫端,並在 Pr...

鐵人賽 JavaScript DAY 21

技術 認證系統實作:JWT + Session 在 Bun 中的最佳實踐(下篇)

前言 在上一篇,我們完成了 refresh token 以及 jwt 的實作接下來我們要把一切都接起來,整合我們在系統裡常見的幾個實作註冊,登入,登出,以及刷...

鐵人賽 JavaScript DAY 10

技術 Day 10|重新看 Promise:它不是非同步魔法,而是結果的狀態容器

摘要 一句摘要:回到 Promise 的核心:executor 同步執行、狀態只能前進,以及 reaction job 如何安排後續通知。 前置知識:理解函式、...

鐵人賽 JavaScript DAY 9

技術 Day 09|Iterator 改變我看待程式執行的方式:從整批處理到 Lazy 資料流

摘要 一句摘要:Iterator 真正改變的不只是處理資料的 API,而是程式的執行方式:先描述資料怎麼流動,等 consumer 需要時才推進一步。...

鐵人賽 Software Development DAY 4

技術 Day 04:案例——AI 生成的測試全綠,卻沒測到任何有意義的行為

前言:測試都通過了,為什麼還要懷疑? 「AI 幫這個方法寫了三個測試,全部綠燈,這樣應該可以放心合併了吧?」 這句話聽起來很合理——測試通過本來就是我們判斷「這...

鐵人賽 JavaScript DAY 20

技術 認證系統實作:JWT + Session 在 Bun 中的最佳實踐(中篇)

前言 在上一篇中,我們建立的簡單的 sqlite 作為接下來要用 session 的基礎設施以及我們也為密碼雜湊以及驗證做簡單的準備,接下來我們要更近一步把查...

鐵人賽 JavaScript DAY 19

技術 認證系統實作:JWT + Session 在 Bun 中的最佳實踐(上篇)

前言 在 Authorization 相關的系統中,近幾年來始終都是講求無狀態的方式處理授權相關的問題最常見的做法就是 jwt,在早期 jwt 出現之前,大部...

鐵人賽 JavaScript DAY 18

技術 資料庫整合:Drizzle ORM + Bun + PostgreSQL 實戰

前言 在前面的章節,我們除了一開始的基礎操作,隨後到一些 bun 特別的使用今天開始我們要用 bun 開始做些專案,以及實戰,去展現出bun 本身的全端能力...