如何调试Angular应用程序

本文演示如何调试 Angular 应用程序。在本文中,我们将讨论。

  • 如何在 VS Code 中调试 Angular 应用程序
  • 如何在 Chrome Dev Tool 中调试 Angular 应用程序
阅读更多

Angular 中的全局错误处理

错误处理是构建强大而可靠的 Angular 应用程序的关键方面。处理错误可以有效改善用户体验并帮助开发人员识别和修复问题。以下是 Angular 中的一些错误处理策略

阅读更多

Angular HTTP 拦截器:配置多个HTTP拦截器和 4 个拦截器代码示例

拦截器在 Angular 中用于拦截 HttpRequest/HttpResponse。我们可以使用拦截器来记录 HttpRequest/HttpResponse 日志,或者在将其传递给服务器之前添加其他 HttpRequest 头部信息,以及更改请求主体或更改从服务器收到的响应的格式等。在本文中,我将解释如何使用多个拦截器以及拦截器的 6 种最常见用法(附示例)。

阅读更多

如何使用VS Code调试Go代码

本教程将讨论使用 VS Code 调试 Go 代码所需的步骤。首先我们需要安装扩展、分析工具和调试器。

然后,我们将创建一个示例应用程序。最后,我们将探索如何使用断点和条件断点。

凭借这套技能,您将能够更好地理解应用程序在代码执行的特定点上的值和状态。

阅读更多

Angular结合TinyMCE实现富文本编辑器

1. 背景介绍

自己编写了一个博客系统,想要支持用户写作博客,考查了几种开源编辑器方案,例如 Quill, ckEditor,最后还是选择了 TinyMCE 编辑器。

原因主要在与它开箱即用,插件丰富,而且很多插件都是比其他编辑器做得优秀。

阅读更多

Angular结合ckeditor5实现富文本以及markdown编辑器

1. 背景介绍

自己编写了一个博客系统,想要支持 html 和 markdown 两种格式,但是又不希望向其他博客系统一样,数据库存两种完全格式的内容,前端用多套编辑器这么麻烦和繁琐。于是做了一下 research 还真让我找到了。

这套方案的核心就是ckeditor5,它原本是一套富文本编辑器,但是当给它添加上 markdown plugin 以后,它就可以变成了一个富文本编辑器+markdown 编辑器类似 typro 编辑器,编辑器的输出统一为了 markdown 格式。

阅读更多

Fedora 40 找不到声音设备的问题

硬件配置说明。

1
2
$lspci | grep -i audio
00:1f.3 Multimedia audio controller: Intel Corporation Tiger Lake-LP Smart Sound Technology Audio Controller (rev 30)

现象: 电脑播放没有声音, 音量控制显示找不到设备

阅读更多

如何制作 macOS Sonoma ISO 文件

因为我的一些编译和测试工作需要在 macOS 上进行, 然而项目预算有限不够支撑去购买一台 macOS,而且测试需要在不同版本的 macOS 上进行。此时在虚拟机上安装 macOS 操作系统成为了一个不错的选择。

此前曾经在 VMWare esxi 上成功安装了一台 macOS High Sierra 10.13.6 虚拟机, 教程可参考如何安装一台 MacOS 虚拟机 | 鹏叔的技术博客 ,由于 VMWare esxi 的版本太低,一直运行的是 6,7 版本的 VMWare esxi,而且由于服务器硬件的原因无法升级到更高级版本,导致不能将 macOS 更高版本。

因此打算在一台较新的个人电脑上安装 VMware player 最新版本(17.5.0), 然后在在其上安装 macOS Sonoma.

阅读更多

linux上安装vmware

本文主要讲述在 Linux 上如何安装 vmare 软件, 文章以 vmware player 为例,当然对 vmware pro 也同样适用。

阅读更多

自己动手写一个Angular 日志框架

日志记录是软件行业中相当常见的话题。不幸的是,它在前端世界中并不常见,虽然在后端相关文章中经常提到。

然而,这个主题也适用于前端项目。

在本文中,我们将了解什么是日志记录以及在现代 Angular 应用程序中实现它的各种方法。

阅读更多

Angular Material 3 自定义主题

1. 什么是 Material 3

Material 3 (M3)是 Google 开源设计系统 Material Design 的最新版本。它是 Angular Material 所遵循的设计系统 Material 2 (M2)的继承者。

从 v17.2.0 开始,Angular Material 除了 M2 之外还包括对 M3 样式的实验性支持。该团队计划在短暂的实验后稳定对 M3 的支持,以获得有关设计和 API 的反馈。

阅读更多

Angular Material 2 自定义主题

1. 什么是 theming

Angular Material 的主题系统可让您为应用程序中的组件自定义基础样式、颜色、排版和密度样式。主题系统基于 Google 的 Material Design 规范。

本文档介绍了自定义颜色的概念和 API。对于排版自定义,请参阅Angular Material Typography。有关构建可使用此系统进行自定义的组件的指南,请参阅主题化您自己的组件

阅读更多