Logo
☆☆☆☆☆
0.0
Beginner
18h

使用 Blazor 构建 Web 应用程序

本课程全面介绍了 Blazor，这是一个用于构建单页应用的 Web 框架，它使用 C# 在服务器端和客户端进行开发，而非传统的 JavaScript。该课程特别适合希望使用微软技术栈构建全栈 Web 应用的开发者。 在本课程中，你将首先学习各种 Blazor 项目类型及其适用场景。接着，你将掌握 Razor 语法与组件、组件间参数传递、JavaScript 互操作、动态与预渲染的 Razor 组件，以及 CSS 隔离等核心内容。最后，你将学习如何保护 Blazor 应用程序、提前编译技术，以及构建渐进式 Web 应用。 完成本课程后，你将具备成为全栈开发者的坚实基础，能够运用本课程所涵盖的前沿现代技术，构建动态且功能强大的 Web 应用。

10 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
View Courses in Subscription
使用 Blazor 构建 Web 应用程序
本课程全面介绍了 Blazor，这是一个用于构建单页应用的 Web 框架，它使用 C# 在服务器端和客户端进行开发，而非传统的 JavaScript。该课程特别适合希望使用微软技术栈构建全栈 Web 应用的开发者。 在本课程中，你将首先学习各种 Blazor 项目类型及其适用场景。接着，你将掌握 ...

WHAT YOU'LL LEARN

对 Blazor 及其不同项目类型的深入理解

Content

10 Lessons • 0 Quizzes • 0 Challenges

简介
  1. 1

    本课程适合谁

  2. 2

    Blazor 简介

  3. 3

    WebAssembly 是一种在现代网络浏览器中运行的低级二进制格式，它允许高性能代码在网页上执行。其工作原理如下： 1. **编写代码**：开发者使用支持 WebAssembly 的编程语言（如 C、C++、Rust 等）编写程序。 2. **编译为 WebAssembly 模块**：通过编译器（如 Emscripten 或 Rust 的 wasm32-unknown-unknown 目标）将源代码编译成 WebAssembly 二进制格式（.wasm 文件），这是一种紧凑且高效的机器码表示形式。 3. **加载到浏览器**：网页通过 JavaScript 加载 .wasm 文件，并将其实例化为一个可执行模块。 4. **执行与交互**：WebAssembly 模块在浏览器的沙箱环境中运行，可以与 JavaScript 互操作。例如，JavaScript 可以调用 WebAssembly 函数，而 WebAssembly 也可以调用 JavaScript 函数。 5. **性能优势**：由于 WebAssembly 是接近原生机器码的二进制格式，其执行速度远超传统 JavaScript，特别适合计算密集型任务，如游戏、图像处理和音视频编码。 6. **安全与兼容性**：WebAssembly 在浏览器中运行时受到严格的安全限制，确保不会对用户系统造成威胁。同时，它被所有主流浏览器支持，具有良好的跨平台兼容性。 总之，WebAssembly 通过提供高效、安全、跨平台的代码执行能力，扩展了 Web 应用的功能边界。

  4. 4

    测验：Blazor 入门

Blazor 项目模板
  1. 1

    Blazor 项目模板简介

  2. 2

    Blazor WebAssembly

  3. 3

    Blazor 服务器

  4. 4

    托管的 Blazor WebAssembly

  5. 5

    空的 Blazor WebAssembly 模板

  6. 6

    空的 Blazor Server 模板

  7. 7

    Razor 类库

  8. 8

    Blazor 项目模板概述

  9. 9

    测验：Blazor 项目模板

  10. 10

    挑战：Blazor 项目模板

  11. 11

    解决方案回顾：Blazor 项目模板

使用 Razor 组件管理 Blazor 用户界面
  1. 1

    Razor 组件结构

  2. 2

    Razor 组件 页面作用域关键字

  3. 3

    Razor 组件元素作用域关键字

  4. 4

    Razor 组件中的数据绑定

  5. 5

    Razor 组件中的事件处理

  6. 6

    Razor 组件生命周期

  7. 7

    在 Razor 组件中使用代码隐藏文件

  8. 8

    使用布局和共享组件

  9. 9

    内置的 Razor 组件

  10. 10

    模板化Razor组件

  11. 11

    测验：Razor 组件

  12. 12

    挑战：使用 Razor 组件功能

  13. 13

    解决方案回顾：使用 Razor 组件功能

向 Razor 组件传递参数
  1. 1

    Blazor 中的基本参数

  2. 2

    级联值和参数

  3. 3

    将 HTML 传递给 Razor 组件

  4. 4

    测验：Blazor 参数

  5. 5

    挑战：Blazor 参数

  6. 6

    解决方案回顾：Blazor 参数

与 JavaScript 互操作
  1. 1

    从 C# 代码调用 JavaScript

  2. 2

    从 JavaScript 调用 C# 代码

  3. 3

    JavaScript 互操作性的生命周期考虑

  4. 4

    测验：与 JavaScript 互操作

  5. 5

    挑战：添加 JavaScript 互操作性

  6. 6

    解决方案回顾：添加 JavaScript 互操作

Blazor中的高级渲染概念
  1. 1

    Blazor 渲染流程概述

  2. 2

    动态渲染的 Razor 组件

  3. 3

    预渲染的 Razor 组件

  4. 4

    通过虚拟化限制仅渲染可见部分

  5. 5

    Razor 组件中的 CSS 隔离

  6. 6

    测验：Blazor中的高级渲染概念

  7. 7

    挑战：应用动态渲染

  8. 8

    解决方案回顾：应用动态渲染

保护 Blazor 应用程序
  1. 1

    保护 Blazor WebAssembly

  2. 2

    保护 Blazor Server

  3. 3

    测验：保护 Blazor 应用程序

  4. 4

    挑战：限制对内容的访问

  5. 5

    解决方案回顾：限制对内容的访问

高级 Blazor 特性
  1. 1

    提前编译

  2. 2

    渐进式网络应用

  3. 3

    测验：Blazor 高级功能

  4. 4

    挑战：创建一个渐进式网页应用

  5. 5

    解决方案回顾：创建渐进式网页应用

结论
  1. 1

    总结

  2. 2

    结语

附录
  1. 1

    准备本地开发环境

  2. 2

    在本地创建 Blazor 项目

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)