Angular Addicts # NgRx 在测试中使用页面对象模型，微前端使用 Vite 等-js教程-PHP中文网

首页

web前端

js教程

Angular Addicts # NgRx 在测试中使用页面对象模型，微前端使用 Vite 等

Mary-Kate Olsen

Jan 15, 2025 pm 06:29 PM

Angular Addicts # NgRx using the Page Object Model in tests, Micro Frontends using Vite & more

？嘿，Angular Addict 伙伴

这是 Angular Addicts Newsletter 的第 33 期，这是每月精选的引起我注意的 Angular 资源合集。（这里是第32期、第31期、第30期）

？发布公告

？宣布 NgRx 19：NgRx 信号功能、动作信号等等！

Brandon Roberts 宣布最新版本的 NgRx，一些新功能：

SignalStore 引入了 withProps 功能，用于在创建过程中定义 SignalStore 中的静态属性或可观察量。
新的 signalMethod 实用函数，它为您提供 rxMethod 的好处，并且能够仅使用信号。
patchState 函数中的开发模式检查确保开发期间状态不变性。
NgRx Store 现在支持信号更改时的操作调度。

?2024 年 12 月有角宝石

？我的新 Angular 编码风格

Kevin Kreuzer 最近使用 Signals 和新的 Angular API 重写了一个大型代码库。在本文中，他解释了重构过程中出现的新编码风格和模式。关键点包括采用独立组件作为标准、过渡到使用信号进行反应性以及摆脱传统的生命周期挂钩。

？将 Angular 的资源 API 与 NGRX 信号存储结合使用

Manfred Steyer 展示了如何将 SignalStore 的 withProps 功能与 Resource API 结合使用。他的指南还包括使用 linkedSignal 和 signalMethod 连接模板驱动的表单。

？在 Angular 应用程序中使用页面对象模型设计模式

Francesco Borzì 的文章讨论了 Angular 应用程序中页面对象模型 (POM) 设计模式的实现。 POM 允许测试专注于需要做什么，而页面对象则处理与 DOM 的交互“如何”完成，从而使测试代码更清晰、更易于维护。 Francesco 还介绍了他的新库 ngx-page-object-model，旨在方便在 Angular 组件测试中使用 POM，并兼容各种测试框架。

？使用 Vite 在 15 分钟内搭建微前端架构！

Meidi Airouche 在他的文章中概述了使用 Vite 创建微前端架构，将 Vue.js、Angular 和 React 组件集成到模块化新闻门户中。该项目结合了：

Vue.js 导航标头
最新文章的 React Trending 部分
热门内容的 Angular 高亮区域

？掌握 Angular 中的组件通信

Michał Grzegorczyk 全面概述了促进 Angular 应用程序中组件之间通信的各种方法。涵盖的关键主题包括：

输入、输出、Setter 和 ngOnChanges 生命周期钩子
@注射服务
组件/指令注入
模板变量 (#)
内容投影（@ContentChild / contentChild() / @ContentChildren / contentChildren()）
查看和查询列表 (@ViewChild / viewChild() / @ViewChildren / viewChildren())
路由（参数、查询、withComponentInputBinding()、状态对象）

??‍？关于作者

我的名字是 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 #32：Angular 19、新样式指南 RFC 等
Angular Addicts #31：新的资源 API、效果更新等
Angular Addicts #30：何时使用效果、Angular DI 功能、请求缓存等

？提交您的 Angular 资源

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

以上是Angular Addicts # NgRx 在测试中使用页面对象模型，微前端使用 Vite 等的详细内容。更多信息请关注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

构建您自己的Ajax Web应用程序Mar 09, 2025 am 12:11 AM

因此，在这里，您准备好了解所有称为Ajax的东西。但是，到底是什么？ AJAX一词是指用于创建动态，交互式Web内容的一系列宽松的技术。 Ajax一词，最初由Jesse J创造

10个JQuery Fun and Games插件Mar 08, 2025 am 12:42 AM

10款趣味横生的jQuery游戏插件，让您的网站更具吸引力，提升用户粘性！虽然Flash仍然是开发休闲网页游戏的最佳软件，但jQuery也能创造出令人惊喜的效果，虽然无法与纯动作Flash游戏媲美，但在某些情况下，您也能在浏览器中获得意想不到的乐趣。 jQuery井字棋游戏游戏编程的“Hello world”，现在有了jQuery版本。源码 jQuery疯狂填词游戏这是一个填空游戏，由于不知道单词的上下文，可能会产生一些古怪的结果。源码 jQuery扫雷游戏

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

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

jQuery视差教程 - 动画标题背景Mar 08, 2025 am 12:39 AM

本教程演示了如何使用jQuery创建迷人的视差背景效果。我们将构建一个带有分层图像的标题横幅，从而创造出令人惊叹的视觉深度。更新的插件可与JQuery 1.6.4及更高版本一起使用。下载

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

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

Matter.js入门：简介Mar 08, 2025 am 12:53 AM

Matter.js是一个用JavaScript编写的2D刚体物理引擎。此库可以帮助您轻松地在浏览器中模拟2D物理。它提供了许多功能，例如创建刚体并为其分配质量、面积或密度等物理属性的能力。您还可以模拟不同类型的碰撞和力，例如重力摩擦力。 Matter.js支持所有主流浏览器。此外，它也适用于移动设备，因为它可以检测触摸并具有响应能力。所有这些功能都使其值得您投入时间学习如何使用该引擎，因为这样您就可以轻松创建基于物理的2D游戏或模拟。在本教程中，我将介绍此库的基础知识，包括其安装和用法，并提供一