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。有关构建可使用此系统进行自定义的组件的指南,请参阅主题化您自己的组件

阅读更多

Golang 日志库

任何一个系统开发,都离不开完备的日志系统。go 日志不同其他语言,比如 java 由于 commons-logging 日志标准,和不同实现 如log4j,slf4j,logback,但都是统一调用标准接口;python 中标准logging 模块,功能强大,基本上满足各种需求。但是在golang 语言开发中,目前阅读了几个开源代码,都是自己实现了一套日志记录标准,并没有采用go 官方 log 模块。golang’s log 模块主要提供了3类接口。分别是 “Print、Panic、Fatal”,对每一类接口其提供了3中调用方式,分别是 “Xxxx 、 Xxxxln 、Xxxxf”,基本和fmt中的相关函数类似;但功能有限,很难比如按天,按照容量自动输出拆封生成新日志。如果自己开发一套日志,基本上要满足日志等级输出如DEBUG,INFO,WARN,ERROR/FATAL 、支持输出 console 或者滚动式文件、参数格式化输出、自定义格式化模板,当然如果支持更高级别如按照pakcage输出到不同文件,按照日志级别输出到不同地方那就更好了。

阅读更多

golang使用Zap日志库

1. zap 介绍

Golang Zap库是一个由Uber公司开发的高性能日志记录库,专为Go语言应用程序设计。Zap库以其出色的性能和灵活性而闻名,为开发者提供了结构化、分级别的日志记录功能,此外Zap库还支持日志切割功能,可以根据文件大小、时间或间隔等来切割日志文件,方便管理和分析。Zap库还支持自定义日志格式和输出方式。你可以通过配置Encoder来自定义日志的输出格式,包括时间戳、日志级别、调用文件/函数名和行号等信息。同时,你还可以将日志输出到不同的目的地,如控制台、文件或远程日志系统。

阅读更多