Vibulary
選單
外觀與語言
依主題找術語 · 61 份指南

技術與測試

認識建立網站會用到的技術，以及確認網站能正常運作的測試。

01 / 術語圖鑑

全部技術與測試術語

開啟一個術語，就能看簡單解釋、例子、使用時機、正式程度和程式名稱。

  1. 01 · 深入了解

    不穩定測試 Flaky Test

    不穩定測試會在程式沒變時忽好忽壞。常見原因有時間、順序、共用狀態、隨機值或外部系統。

  2. 02 · 深入了解

    元件測試 Component Test

    元件測試會把一個使用者介面元件放進真實渲染環境，提供可控制的輸入和資料，再檢查它的行為。

  3. 03 · 核心

    文件物件模型 DOM

    文件物件模型（DOM）會把文件變成由節點組成的樹狀物件。程式可以用它提供的標準功能讀取和修改文件。

  4. 04 · 深入了解

    可觀測性訊號 Observability Signals

    可觀測性訊號是系統為了說明自身行為而送出的證據。常見訊號包含追蹤、指標、日誌，以及在服務間傳遞少量背景資訊的 `Baggage` 背景資料。

  5. 05 · 深入了解

    本機優先同步 Local-First Sync

    本機優先同步會在裝置上保留一份可用資料。使用者可以離線讀寫，連線後再和其他裝置的資料合併。

  9. 09 · 深入了解

    伺服器端渲染 Server-side Rendering

    伺服器端渲染（SSR）會在每次收到請求時，由伺服器產生 HTML，再把完成的頁面傳給瀏覽器。之後可以再接上客戶端互動。

  10. 10 · 核心

    定時輪詢 Polling

    定時輪詢會按照計時器重複讀取，檢查資料有沒有改變。等待時間可以調整、暫停，也能在完成後停止。

  11. 11 · 深入了解

    非同步競態 Async Race Condition

    非同步競態會在多個工作重疊，而且完成順序不如預期時發生。較舊的結果可能蓋掉較新的結果。

  12. 12 · 核心

    冒煙測試 Smoke Test

    冒煙測試是一小組快速檢查。它確認建置是否能繼續接受深入測試或使用。

  15. 15 · 深入了解

    契約測試 Contract Testing

    契約測試會檢查兩個可分開部署的系統，是否仍按照雙方約定的格式交換訊息。

  17. 17 · 核心

    建置 Build

    建置會把原始檔和列出的相依套件轉成經過檢查的輸出。輸出可執行、測試或部署。

  18. 18 · 深入了解

    查詢失效 Query Invalidation

    查詢失效會把符合條件的快取標成已過期。畫面正在使用的相關資料接著可在背景更新。

  19. 19 · 深入了解

    負載測試 Load Testing

    負載測試先規劃使用者、請求或工作數量。也要規劃流量方式，再檢查系統速度和可靠性。

  20. 20 · 深入了解

    原始碼轉譯器 Transpiler

    原始碼轉譯器（transpiler）是一種編譯器，會把某種語言版本或語法的程式碼，轉成另一種原始碼。

  21. 21 · 核心

    套件管理器 Package Manager

    套件管理器會尋找、安裝、記錄、更新和發布軟體套件，也會管理套件所需要的其他套件。

  22. 22 · 深入了解

    效能預算 Performance Budget

    效能預算是在開始工作前，先為檔案大小、時間或使用體驗訂出上限，讓設計和程式選擇有清楚限制。

  24. 24 · 核心

    終端機 Terminal

    終端機是執行命令列和工具的文字視窗。它可查看檔案、執行指令和自動化工作。

  26. 26 · 核心

    單元測試 Unit Test

    單元測試會單獨檢查一小段程式，不讓緩慢或不穩定的外部系統影響結果。

  27. 27 · 核心

    測試案例 Test Case

    測試案例會檢查一個行為或風險。它要寫明初始設定、動作和預期結果。

  28. 28 · 深入了解

    測試替身 Test Double

    測試替身會代替真實系統元件。Stub、Fake、Spy 和 Mock 可提供控制或觀察。

  30. 30 · 深入了解

    測試覆蓋率 Test Coverage

    測試涵蓋率顯示測試檢查了哪些程式、需求、狀態或風險。百分比只是粗略訊號。

  31. 31 · 深入了解

    測試驅動開發 Test-driven Development

    測試驅動開發（TDD）會重複三個步驟：先寫一個會失敗的小測試，再寫最少的程式讓它通過，最後在不改變行為下整理程式。

  33. 33 · 核心

    無障礙測試 Accessibility Testing

    無障礙測試會用工具和人工方式，檢查內容與控制項是否符合無障礙需求，也包含鍵盤和輔助科技測試。

  35. 35 · 深入了解

    資安測試 Security Testing

    資安測試會依照清楚計畫，檢查安全規則並找出攻擊者可能利用的弱點。範圍包含設計、程式碼、設定和系統運作。

  37. 37 · 核心

    資料異動 Data Mutation

    資料異動會新增、修改或刪除伺服器資料。畫面要追蹤等待中和最後結果。

  38. 38 · 核心

    資料預取 Data Prefetching

    資料預取會在畫面開啟前，先載入很可能需要的資料。快取仍是最新時，下一個畫面會更快出現。

  39. 39 · 核心

    端對端測試 End-to-end Test

    端對端測試（E2E）會走過完整流程。它會使用已組裝、已部署的系統。流程可以是使用者任務或商業流程。

  40. 40 · 核心

    語意化版本 Semantic Versioning

    語意化版本（SemVer）用「主版號.次版號.修訂號」（MAJOR.MINOR.PATCH）表示公開 API 如何改變，也規定預發布和建置標記的寫法。

  41. 41 · 核心

    樂觀式介面 Optimistic UI

    樂觀式介面會先顯示預期結果，再等待伺服器確認。失敗時要回復原本結果，並說明發生什麼事。

  42. 42 · 深入了解

    模組打包工具 Module Bundler

    模組打包工具會沿著程式模組之間的連結，產生可部署的檔案，也常會切分、轉換和最佳化這些檔案。

  46. 46 · 核心

    錯誤邊界 Error Boundary

    錯誤邊界會接住元件樹中一小部分的畫面錯誤。它只在出錯位置顯示安全替代內容。

  47. 47 · 核心

    靜態規則檢查 Lint

    Lint 不執行程式就能檢查程式碼。它會找出可能錯誤、不安全寫法、格式問題和違規內容。

  50. 50 · 核心

    CSS 階層樣式表 CSS

    CSS 是一組控制網頁元素外觀和排列方式的規則。它可以設定顏色、間距、版面、不同螢幕的變化和視覺狀態。

  51. 51 · 核心

    HTML 超文字標記語言 HTML

    HTML 是用來建立網頁內容和結構的標準標記語言。它會告訴瀏覽器哪些內容是標題、連結、圖片、表單等。

  53. 53 · 核心

    JavaScript JavaScript

    JavaScript 是依照 ECMAScript 標準建立的程式語言。它常用來讓網站和其他程式回應操作，並隨狀態改變。

  55. 55 · 深入了解

    Next.js React 框架 Next.js

    Next.js 是建立在 React 上的框架。它加入路由、伺服器和瀏覽器顯示、資料載入、資產最佳化和部署規則。

  56. 56 · 核心

    npm 套件管理工具 npm

    npm 是 JavaScript 套件庫和命令列工具。它可安裝、列出、發布套件，也可執行專案腳本。

  57. 57 · 核心

    Python 程式語言 Python

    Python 是用途廣泛且容易閱讀的程式語言。它可用於網路服務、自動化、資料和機器學習。

  58. 58 · 核心

    React 介面函式庫 React

    React 是用元件建立介面的 JavaScript 函式庫。資料、Props 或 State 改變時，畫面可更新。它不是 ReAct。

  61. 61 · 核心

    Vue 漸進式框架 Vue

    Vue 是用元件建立介面的 JavaScript 框架。Template 描述畫面，響應式資料負責更新。