Angular 瘾君子 # Angular w.新的 @let 语法）、组件测试、SSR 指南等-js教程-PHP中文网

首页

web前端

js教程

Angular 瘾君子 # Angular w.新的 @let 语法）、组件测试、SSR 指南等

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Aug 13, 2024 pm 04:36 PM

Angular Addicts # Angular w. the new @let syntax), Component testing, SSR guide & more

？嘿，Angular Addict 伙伴

这是 Angular Addicts Newsletter 的第 27 期，这是每月精选的引起我关注的 Angular 资源合集。（这里是27号、26号、25号）

?发布公告

？ Angular 18.1 有哪些新功能？

Angular 18.1，Angular 的最新次要版本，于 7 月发布。 Cédric Exbrayat 介绍了主要的新功能：

TypeScript 5.5 支持
@let 语法
afterRender / afterNextRender API
toSignal 相等函数
RouterLink 与 UrlTree
路由器浏览器Url
未调用函数的扩展诊断
Angular CLI：使用isolatedModules、WASM 支持、检查选项、块优化器更快地构建

?2024 年 7 月的有角宝石

？ Angular 中服务器端渲染 (SSR) 的完整指南

Alexander Thalhammer 解释了服务器端渲染 (SSR)、静态站点生成 (SSG)、水合作用和事件重放。他展示了如何在 Angular 应用程序中进行设置，并提供了改善用户体验的最佳实践和技巧。

?在 Angular 中测试组件：NO_ERRORS_SCHEMA、存根组件和 NgMocks

Dany Paredes 通过示例向我们展示了如何借助 NgMocks 模拟库对具有多个依赖项（例如子组件或外部库）的组件进行单元测试。

？ Angular 材料支持的未来

在这篇文章中，Mark Thompson 和 Jeremy Elbourn 澄清，Angular Material 不受 Google Material Web 组件 (MWC) 更改的影响，因为它不依赖它们。 Angular Material 仍在积极开发中。该团队旨在增强 Angular CDK 功能和文档，以帮助开发人员构建高质量的用户界面。

?使用 Angular 和 Firebase 构建实时聊天应用程序

Moe Mollaie 解释了何时需要实时连接并比较了不同的解决方案。然后，他逐步介绍如何使用 Angular 和 Firebase 构建实时聊天应用程序。

?Angular：RxJS 与 Signals，该使用什么？

Igor Pak 提供了两个用例来说明何时使用 Signals 以及何时使用 RxJS。他的文章表明，虽然信号对于状态管理和简单的数据更新很有用，但在复杂的场景中它们可能会错过中间值。

??‍？关于作者

我的名字是 Gergely Szerovay，我担任数据科学家和全栈开发人员多年，并且一直担任前端技术主管，专注于基于 Angular 的前端开发。作为我角色的一部分，我不断关注 Angular 和前端开发场景的总体发展情况。为了分享我的知识，我于 2022 年启动了 Angular Addicts 每月通讯和出版物，以便我可以向您发送我每个月遇到的最佳资源。无论您是经验丰富的 Angular 爱好者还是初学者，我都能满足您的需求。如果您想成为一名作家，请告诉我。一起来学习Angular吧！在这里订阅？

Angular 在过去的几年里发展得非常迅速，在过去的一年里，随着生成式 AI 的兴起，我们的软件开发工作流程也快速发展。为了密切关注人工智能辅助软件开发的发展，我决定开始公开构建人工智能工具，并在 AIBoosted.dev 上发布我的进展。加入我的学习之旅：在这里订阅？

在 Substack (Angular Addicts)、Substack (AIBoosted.dev)、Medium、Dev.to、Twitter 或 LinkedIn 上关注我，了解有关 Angular 的更多信息，以及如何使用 AI、Typescript、React 和 Angular 构建 AI 应用程序！

?️往期

如果您错过了前几期的时事通讯，您可以在这里阅读，这是最新的 3 期：

Angular Addicts #27：NgRx 18、新 RFC：DomRef API、带有信号的 Web 存储等等
Angular Addicts #26：Angular 18、最佳实践、最近的会议录音等
Angular Addicts #25：Angular 和 Wiz 将合并，React 和 Angular 之间的差异等等

？提交您的 Angular 资源

您最近是否发现或撰写了有趣的 Angular 相关文章、推文或其他资源？请在评论中告诉我，或者在 Twitter 上给我发私信！我可能会在下一期 Angular Addicts 中介绍它！

以上是Angular 瘾君子 # Angular w.新的 @let 语法）、组件测试、SSR 指南等的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

在JavaScript中替换字符串字符Mar 11, 2025 am 12:07 AM

JavaScript字符串替换方法详解及常见问题解答本文将探讨两种在JavaScript中替换字符串字符的方法：在JavaScript代码内部替换和在网页HTML内部替换。在JavaScript代码内部替换字符串最直接的方法是使用replace()方法： str = str.replace("find","replace"); 该方法仅替换第一个匹配项。要替换所有匹配项，需使用正则表达式并添加全局标志g： str = str.replace(/fi

如何创建和发布自己的JavaScript库？Mar 18, 2025 pm 03:12 PM

文章讨论了创建，发布和维护JavaScript库，专注于计划，开发，测试，文档和促销策略。

如何在浏览器中优化JavaScript代码以进行性能？Mar 18, 2025 pm 03:14 PM

本文讨论了在浏览器中优化JavaScript性能的策略，重点是减少执行时间并最大程度地减少对页面负载速度的影响。

jQuery矩阵效果Mar 10, 2025 am 12:52 AM

将矩阵电影特效带入你的网页！这是一个基于著名电影《黑客帝国》的酷炫jQuery插件。该插件模拟了电影中经典的绿色字符特效，只需选择一张图片，插件就会将其转换为充满数字字符的矩阵风格画面。快来试试吧，非常有趣！工作原理插件将图片加载到画布上，读取像素和颜色值： data = ctx.getImageData(x, y, settings.grainSize, settings.grainSize).data 插件巧妙地读取图片的矩形区域，并利用jQuery计算每个区域的平均颜色。然后，使用

如何使用浏览器开发人员工具有效调试JavaScript代码？Mar 18, 2025 pm 03:16 PM

本文讨论了使用浏览器开发人员工具的有效JavaScript调试，专注于设置断点，使用控制台和分析性能。

如何构建简单的jQuery滑块Mar 11, 2025 am 12:19 AM

本文将引导您使用jQuery库创建一个简单的图片轮播。我们将使用bxSlider库，它基于jQuery构建，并提供许多配置选项来设置轮播。如今，图片轮播已成为网站必备功能——一图胜千言！决定使用图片轮播后，下一个问题是如何创建它。首先，您需要收集高质量、高分辨率的图片。接下来，您需要使用HTML和一些JavaScript代码来创建图片轮播。网络上有很多库可以帮助您以不同的方式创建轮播。我们将使用开源的bxSlider库。 bxSlider库支持响应式设计，因此使用此库构建的轮播可以适应任何

用JavaScript增强结构标记Mar 10, 2025 am 12:18 AM

核心要点利用 JavaScript 增强结构化标记可以显着提升网页内容的可访问性和可维护性，同时减小文件大小。 JavaScript 可有效地用于为 HTML 元素动态添加功能，例如使用 cite 属性自动在块引用中插入引用链接。将 JavaScript 与结构化标记集成，可以创建动态用户界面，例如无需页面刷新的选项卡面板。确保 JavaScript 增强功能不会妨碍网页的基本功能至关重要；即使禁用 JavaScript，页面也应保持功能正常。可以使用高级 JavaScript 技术（