首页>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 文件。

展开
附加信息
相关应用
为您推荐
相关资讯 全部