首頁>ASP源碼>其他類別
下載

Understanding Astro


歡迎來到了解 Astro！

本書是 Astro 的終極指南，Astro 是專為提升速度而設計的下一代 Web 框架

了解 Astro 是花費數月時間深入研究 Astro 並以實用且易於理解的方式傳達結果的結果。

如果你想了解 Astro，那麼你來對地方了。

不要只是學習另一個框架。明白了。

想下載電子書

目錄

以下是《Understanding Astro》的詳細目錄。


介紹

介紹

  • 不要不高興

  • 與官方文件的差異

  • 本書的結構如何

  • 章節概述

  • 先決條件

  • 排版約定


第 1 章：建立您的第一個 Astro 應用程式

第 1 章：建立您的第一個 Astro 應用程式

  • 你將學到什麼

  • 項目概況

  • 入門

    • 安裝 Node.js

    • 設定您的程式碼編輯器

  • 專案結構

    • tsconfig.json

    • 包.json

    • 包鎖.json

    • astro.config.mjs

    • src/env.d.ts

    • src/pages/index.astro

  • Astro 頁面簡介

  • Astro 組件剖析

  • 元件樣式

  • 頁面佈局

  • 渲染元件和插槽

  • 組件名稱大寫

  • 全域樣式指令

  • 自訂字體和全域 CSS

  • 獨立Astro組件

  • 新增互動式腳本

  • 互動主題切換

  • :global() 選擇器

  • 事件處理

  • 透過 CSS 變數進行主題化

  • 存取全域客戶端對象

  • 腳本的魔力

  • 利用內聯腳本

  • 腳本中的全域選擇器

  • 降價頁面

  • 在頁面之間導航

  • Markdown 佈局

  • 組合佈局

  • 組件道具

  • 利用 Markdown frontmatter 屬性

  • 交互導航狀態

  • 成分組成

  • 資料模板流

  • Define:vars 的陰暗面

  • 載入多個本地文件

  • 部署靜態 Astro 站點

    • 1. 建立靜態生產資產

    • 2.透過靜態Web伺服器提供靜態資源

    • 手動部署的問題

    • 自動化部署靜態網站

  • 我們的 Astro 網站有多快？

  • 結論


第 2 章：Astro 組件深入研究

  • 第 2 章：Astro 組件深入研究

  • 你將學到什麼

  • 介紹

  • Astro 的支柱

    • JavaScript 運行時疲勞

    • 拋棄運行時

  • 什麼是 Astro 組件？

    • 1.樣式預設是本地的

    • 2. HTML元素將始終存在

    • 3. 樣式和腳本被提升

    • 4. <head>元素及其子元素不會被提升

    • astro 元件是能夠呈現任何有效 HTML 的 .astro 文件

    • 可以組合 Astro 元件來製作複雜的頁面

  • Astro 元件可以利用強大的模板語法

    • 消耗變數
    • 建立動態屬性
    • 動態HTML
    • 動態標籤
    • 重溫老虎機
    • 不完全是 JSX
    • 1. 建立或引用變數
    • 2. 處理進口
    • 3. 獲取數據

    • 組件腳本

    • 組件模板

  • 結論


第 3 章：建立自己的元件島

  • 第 3 章：建立自己的元件島

  • 你將學到什麼

  • 我們如何到達這裡的簡史

    • 部分水合的優點

    • 部分水合的缺點

    • 具有客戶端水合作用的伺服器端渲染的優點

    • 使用客戶端水合作用的伺服器端渲染的缺點

    • 伺服器端渲染的優點

    • 伺服器端渲染的缺點

    • 客戶端渲染 (CSR) 的優點

    • 客戶端渲染的缺點

    • 一切開始的地方

    • 客戶端渲染 (CSR)

    • 服務端渲染

    • 具有客戶端水合作用的伺服器端渲染

    • 部分補水以取得勝利

    • 島嶼建築從何而來？

  • 部分水化島架構的實現

    • 維埃

    • 嬌小視覺

    • 預反應

    • 支援 client:idle 和 client:media 條件

    • 等待空閒

    • 等待媒體

    • 目標

    • 安裝

    • API設計

    • 入門

    • 利用內容模板元素

    • 透過「client:」屬性處理惰性水合作用

    • 支援框架：Vue、Petite-vue 和 Preact

  • 結論



想要下載電子書嗎？點這裡



第 4 章：建立自己的元件島

  • 第4章：Astro元件島的秘密生活

  • 你將學到什麼

  • Astro 中的島嶼如何運作

    • 這不是一個錯誤。這是一個特點。

    • 第 1 步：建立 Astro 網站

    • 第 2 步：安裝框架集成

    • 第三步：編寫元件框架

    • 第四步：渲染元件框架

  • 負責任的補水

    • 客戶端：負載

    • 客戶端：僅

    • 客戶：可見

    • 客戶：媒體

    • 客戶端：空閒

  • 使用多個框架

    • Vue 中的讚計數器

    • 渲染不同的框架元件

  • 在組件島之間共用狀態

    • 奈米商店如何運作

    • 安裝奈米商店

    • 創造國家價值

    • 在框架組件中使用狀態值

  • 將 props 和 child 傳遞給框架元件

  • 嵌套框架組件

  • 阿斯特羅島的陷阱

    • 1.不要在框架組件中使用Astro組件

    • 2. 不要給 Astro 成分加水

  • 為什麼是島嶼？

    • 1. 性能

    • 2. 負責任的補水

    • 3. 並行加載

  • 結論


哦我的反應！ （React 文檔站點克隆）

  • 第5章：天哪，反應！ （React 文檔站點克隆）

  • 你將學到什麼

  • 設定啟動項目

  • 安裝依賴項

  • 使用 Tailwind 設計 Astro 項目

    • 安裝順風

    • 順風如何運作？

    • 順風配置

  • Typescript 導入別名

  • 孤島和託管頁面元件

  • 語法高亮

    • 優點

    • 缺點

    • 優點

    • 缺點

    • 預設代碼組件

    • 帶上你的主題

    • 處理淺色和深色主題

  • 內容集入門

    • 快速佐德

    • .astro 資料夾

    • 內容集合解決什麼問題？

    • 組織內容集合

    • 使用 MDX 創作內容

    • 配置內容集合

  • 查詢與呈現內容集合

  • 動態路由

    • 1. 命名參數

    • 2. 其餘參數

    • 優先順序

  • 使用內容集合產生路線

    • 渲染每個部落格內容

  • MDX 組件

    • 自訂 HTML 元素

    • 內部組件

    • 外部進口

    • 自動導入

  • 整合焦點：Astro SEO

  • Astro 中的自訂 404 頁面

  • 結論


第 6 章：Astro 中的伺服器端渲染 (SSR)

  • 第 6 章：Astro 中的伺服器端渲染 (SSR)

  • 你將學到什麼

  • 什麼時候需要SSR？

  • 如何啟用 SSR

  • 部署SSR項目

  • 使用正確的適配器

  • 帶有靜態頁面的 SSR

  • 從請求到回應

    • 請求對象

    • 回應對象

    • 重定向回應

    • 用於操作 cookie 的實用程式

    • 請求的IP位址

  • 環境變數

    • 檢索環境變數

    • 預設環境變數

    • 建立環境變數

    • Typescript 智慧感知

  • 動態路線

    • 1. 命名參數

    • 2. 其餘參數

    • 優先順序

  • 伺服器端點

    • 建立伺服器端點

    • 索取詳情

    • 動態API路由

    • 專用api目錄

    • 支援其他 HTTP 方法

  • 溪流啊溪流

    • 什麼是伺服器串流？

    • 我們為什麼要費心？

    • 直播很簡單，但也很困難

    • Astro 中的伺服器串流

    • 利用串流媒體

  • 結論


第7章：聽得見！ （全端 Astro 專案）

第7章：聽得見！ （全端 Astro 專案）

  • 你將學到什麼

  • 項目設定

  • 項目概況

    • 首頁

    • 記錄頁面

    • 註冊頁面

    • 登入頁面

    • 輔助組件和實用程式

  • 技術選擇

  • 後端設定

  • 處理身份驗證

    • 在客戶端初始化 firebase

    • 使用 Firebase 模擬器

    • 處理用戶註冊

    • 處理用戶登入

  • 實施受保護的頁面

    • 在伺服器上初始化 Firebase

    • 保護主頁路由

    • 更新重定向 URL

    • 從受保護的頁面中註銷用戶

  • 雲端儲存設定

  • 上傳錄音

    • 透過 API 路由處理上傳

    • 從客戶端上傳錄音

    • 對框架元件中的 UI 變更做出反應

  • 從伺服器取得數據

  • 提交 HTML 表單

  • 結論


第 1 章：建立您的第一個 Astro 應用程式

  • 第 8 章：建立您自己的 Astro 集成

  • 你將學到什麼

  • Astro 和 Vite

  • 什麼是 Astro 集成

  • 你好世界。抱歉，您好，集成

    • 專案目標

    • 您的第一個自訂集成

    • 將訊息列印到伺服器控制台

    • 自訂集成作為工廠功能

  • Astro hooks 生命週期

    • 何時以及為何使用 Hook

    • 檢查鉤子評估順序

  • 建置預設預渲染集成

    • 專案目標

    • 整合API

    • 技術方案概述

    • 透過 CLI 標誌初始化項目

    • 設定集成

    • 驗證已解析的 Astro 配置

    • 在自訂整合中應用 Vite 插件

    • 為 Astro 編寫 Vite 插件

    • 解析和轉換 AST

    • 手動測試

  • 建立渲染器和庫集成

  • 結論


結論

結論



想要下載電子書嗎？點這裡


執照

該專案根據 Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License 授權。有關詳細信息，請參閱 LICENSE.md 文件。

展開
附加信息
相關應用
爲您推薦
相關資訊 全部