拖动环顾房间 · 点击物件查看细节唱槽、唱针与银色旋钮,一套安静的听音角落。一片片彩色玻璃、铅条接缝与花形边饰。翻开的书页、手中的茶杯,以及缓慢的呼吸。
1982 · 一个房间,一张唱片 单指旋转 · 双指缩放拖动旋转 · 滚轮缩放 · Esc 退出
如何打造屬於你的作業系統
12 分鐘Arch Linux 秉持極簡主義,讓使用者能自由打造所需的任何功能。以下以實機部署為例,簡單介紹如何構建屬於你的 Arch Linux。需要準備:電腦、USB 隨身碟(或任何可移動儲存媒介)、網路連線、基本的資訊檢索能力 不論使用何種安裝...
深入理解 Hydration:現代前端框架的「必要之惡」?
6 分鐘服務端渲染 (SSR) 帶來了快速的首頁載入,但也引入了 Hydration 的概念及其效能開銷。它是什麼?為何會產生「互動延遲」?以及社群正在探索哪些替代方案?
WebAssembly(WASM)正在如何改變前端開發
5 分鐘JavaScript 不再是瀏覽器中唯一的「玩家」。WebAssembly(WASM)正透過提供接近原生的效能,將桌面級的複雜應用程式(如 Photoshop、Figma)帶到 Web 上。
使用 View Transitions API 打造無縫的頁面過渡動畫
5 分鐘網頁跳轉時的「白屏閃爍」一直以來都是影響使用者體驗的頑疾。現在,瀏覽器原生提供了 View Transitions API,讓我們能用幾行程式碼就實現電影般的頁面過渡效果。
深入理解 React Server Components
4 分鐘React Server Components(RSC)是 React 近年來最重要的範式轉變。本文將深入探討其核心概念、解決的問題,以及它如何重塑我們建構應用程式的方式。
告別 process.env.UNDEFINED:在專案中實作型別安全的環境變數
5 分鐘環境變數缺失或格式錯誤,是常見的執行階段 Bug 來源。透過 Zod 等驗證函式庫,我們可以在應用程式啟動時確認所有環境變數都存在且型別正確,從而根除此類問題。
Vue 3.4 更新:v-bind 寫法更簡潔,效能再提升
3 分鐘Vue 3.4「🏀 Slam Dunk」正式發布,帶來更高效的響應式系統重構,並穩定了 defineModel API,讓雙向綁定元件的開發體驗大幅提升。
再見 Rome,你好 Biome:一體化前端工具鏈的新選擇
4 分鐘Rome 工具鏈的願景曾讓無數開發者心動,在其商業化失敗後,社群以 Biome 的名義繼承其衣缽。這個用 Rust 編寫的一體化工具鏈,能否成為我們工具箱的下一位成員?
Bun 1.0 正式發布:挑戰 Node.js 的全能執行環境
4 分鐘2023 年 9 月,Bun 1.0 的發布在 JavaScript 社群掀起波瀾。這個從頭開始建構的 JavaScript 工具包,憑藉驚人的速度和「一體化」設計,正式向 Node.js 的主導地位發起挑戰。
原生 CSS 巢狀(Nesting)終於來了!
4 分鐘我們等了十年!Sass/Less 的核心功能——選擇器巢狀——終於獲得主流瀏覽器原生支援。告別前處理器,迎接更簡潔、更直觀的 CSS 編寫方式。
Utility-First CSS 的崛起:以 Tailwind CSS 為例
4 分鐘告別 BEM 和 CSS-in-JS 的煩惱?Utility-First CSS 思想和其代表框架 Tailwind CSS 近年來席捲了前端社群。它究竟有何魅力?
下一代端對端測試工具:Playwright 上手指南
5 分鐘厭倦了不穩定的端對端(E2E)測試?由微軟推出的 Playwright 憑藉跨瀏覽器能力、自動等待機制和強大的偵錯工具,正成為自動化測試領域的新標竿。
Signals:前端響應式的新潮流
5 分鐘從 SolidJS 到 Qwik,再到 Preact 和 Svelte 5,Signals 正在成為現代前端框架實現高效能響應式更新的核心範式。本文深入探討其運作原理及生態影響。
告別 API 文件:使用 tRPC 建構端對端型別安全的應用程式
5 分鐘在全端 TypeScript 專案中,如何確保前端與後端的資料契約保持同步?tRPC 提供一套不需程式碼產生、沒有中介 schema 的方案,實現真正的端對端型別安全。
探索 Astro:為內容驅動的網站而生
4 分鐘在單頁應用程式(SPA)大行其道的今天,Astro 另闢蹊徑,專注於內容網站的極致效能。它的「島嶼架構」究竟有何魔力?
SvelteKit 1.0 正式發布:新一代 Web 應用程式建構方式
4 分鐘歷經兩年多的開發,SvelteKit 1.0 終於在 2022 年 12 月正式發布!它被譽為建構各種規模 Web 應用程式的未來,本文將帶你了解其核心特性和設計哲學。
React 狀態管理演進史:從 Props Drilling 到 Zustand
6 分鐘React 的狀態管理方案從最初的「屬性鑽探」到 Redux 的「大一統」,再到如今 Zustand 等輕量級函式庫的「百花齊放」,本文將帶你回顧這段精彩的演進歷史。
從 Webpack 到 Vite:一次平順的遷移之旅
4 分鐘你的 Webpack 專案啟動需要一分鐘,熱更新要等十幾秒?是時候擁抱下一代前端建置工具了。本文記錄了一次從 Webpack 到 Vite 的遷移過程和心得。
零執行階段 CSS-in-JS:兼顧開發體驗與極致效能
5 分鐘CSS-in-JS 提供了卓越的開發體驗,但其執行階段效能開銷一直備受爭議。零執行階段 CSS-in-JS 方案在建置時提取樣式到靜態 CSS 檔案,實現了兩全其美。
ES2022 新特性概覽:Top-Level Await、.at() 及更多內容
4 分鐘ECMAScript 2022 (ES2022) 正式發布,帶來了一系列實用的新特性。本文將帶你快速了解其中最值得關注的幾個更新,包括 Top-Level await、.at() 方法等。
告別 Redux Boilerplate?輕量級狀態管理器 Zustand 詳解
4 分鐘Redux 的繁瑣讓你望而卻步?Zustand 提供了一個基於 Hooks 的、極簡的 React 狀態管理方案。本文將帶你了解它的核心用法和設計思想。
使用 Turborepo 管理你的 Monorepo 專案
5 分鐘隨著專案越來越複雜,Monorepo 成為一種流行的程式碼組織方式。但隨之而來的建置效能問題該如何解決?Turborepo 正是為此而生的高效能建置系統。
SolidJS:一個真正具有響應性的 JavaScript 框架
5 分鐘它看起來像 React,但它沒有虛擬 DOM。SolidJS 透過其創新的細粒度響應式系統,在效能上達到了新的高度。讓我們一探究竟。
你真的會用 Fetch 嗎?深入 AbortController 實現請求取消
4 分鐘在現代 Web 開發中,Fetch API 已經成為發起 HTTP 請求的標準。但你是否知道如何優雅地取消一個不再需要的請求?AbortController 就是你的答案。