2024年8月26日

JUnit HTML 报告

当我们配置maven-surefire-plugin运行 JUnit 测试时,它会生成surefire-reports目录。此目录包含每个测试类的一个 txt 文件和一个 XML 文件。但是,读取这些文件并不容易,而且也不容易向非技术人员解释。 JUnit HTML 报告 我们可以使用maven-surefire-report-plugin插件为我们的 JUnit 测试生成基于 HTML 的报告。此报告可以导出并与团队共享。这也是一种了解测试进展的简单方法,尤其是当您将它们与 Jenkins 等 CI 工具集成时。从我们的 maven 项目生成 JUnit HTML 报告有两个步骤。 添加maven-surefire-report-plugin到pom.xml报告元素。 <reporting> <plugins> <plugin>…
2024年8月26日

如何在 HTML 中使用 Preload 和 Prefetch 来加载资源

介绍 加载页面上的资源是实现最佳网页性能和无缝用户体验的重要部分。通常,实际应用会加载多个 CSS、字体、JavaScript 和图片文件。这些资源默认会阻止渲染,从而影响加载性能。 在本教程中,您将探索一项名为资源提示的新功能,例如预加载和预取。这些资源提示将帮助您克服渲染阻塞。 先决条件 要完成本教程,您需要以下内容: 下载并安装 Google Chrome。本教程基于 Google Chrome 86.0.4240.80 版本。 对 HTML 的理解,您可以在“如何使用 HTML 构建网站”系列中找到。 对 JavaScript 有基本的了解。本“如何使用 JavaScript 编码”系列可帮助您实现此目标。 第 1 步 - 了解渲染阻塞 当对资源的请求是渲染阻塞时,这意味着该window.onload事件在该请求完成之前不会被触发。在现代单页应用中,大多数资产…
2024年8月26日

使用 Ionic Native 在 Ionic 2 中进行社交共享

Social Sharing 是Ionic Native的一部分,它允许轻松地将原生共享功能添加到您的应用。操作方法如下: 首先从命令行安装 Social Sharing Ionic Native 插件: $ ionic plugin add cordova-plugin-x-socialsharing 然后将其导入到你的组件中: import { SocialSharing } from 'ionic-native'; 以下是如何使用它分享选项()方法可通过社交共享插件使用。 shareWithOptions() 触发设备的本机共享表: shareRecipe() { SocialSharing.shareWithOptions({ message: `${this.title} - ${this.description}: ${this.recipeUrl}` }).th…
2024年8月26日

面向中级 Linux 用户的 20 个高级命令

您可能已经发现第一篇文章非常有用,本文是Linux 新手的 20 个有用命令的扩展。第一篇文章是针对新手的,而本文是针对中级用户和高级用户的。在这里,您将找到如何自定义搜索、了解正在运行的进程指南以终止它们、如何使您的Linux终端高效(这是一个重要方面)以及如何在 nix 中编译c、c++、java程序。 20 个 Linux 高级和专家命令 21. 命令:查找 在给定目录中搜​​索文件,按层次结构从父目录开始并移动到子目录。 root@example:~# find -name *.sh ./Desktop/load.sh ./Desktop/test.sh ./Desktop/shutdown.sh ./Binary/firefox/run-mozilla.sh ./Downloads/kdewebdev-3.5.8/quanta/scripts…
2024年8月26日

使用 ToastController 在 Ionic 2 中实现 Toast

Toast 是简短的消息,通常会在屏幕底部附近短暂显示。它们主要用于移动应用中的快速通知。Ionic 2 可让您轻松地在应用中实现 Toast: import { ToastController } from 'ionic-angular'; 然后你注射Toast控制器在组件的类构造函数中: constructor(public toastCtrl: ToastController) {} 现在让我们在favoriteRecipe()方法向用户表明该食谱已被添加到他们的收藏夹中: favoriteRecipe() { this.favorite = true; let toast = this.toastCtrl.create({ message: `Added to your favorites!`, duration: 2000 }); toast.present(); } 这…
2024年8月26日

Hadoop、Storm、Samza、Spark 和 Flink:大数据框架比较

介绍 大数据是一个统称,指的是收集、组织、处理和从大型数据集中获取见解所需的非传统策略和技术。虽然处理超出单台计算机的计算能力或存储能力的数据的问题并不新鲜,但近年来,这种计算的普及性、规模和价值已大大扩展。 在之前的指南中,我们讨论了大数据系统中使用的一些一般概念、处理阶段和术语。在本文中,我们将介绍大数据系统最基本的组件之一:处理框架。处理框架通过从非易失性存储中读取数据或将数据输入系统来计算系统中的数据。数据计算是从大量单个数据点中提取信息和见解的过程。 我们将介绍以下框架: 仅限批处理的框架: Apache Hadoop 仅流框架: 阿帕奇风暴 阿帕奇 Samza 混合框架: Apache Spark Apache Flink 什么是大数据处理框架? 处理框架和处理引擎负责对数据系统中的数据进行计算。虽然没有权威的定义来区分“引擎”和“…
2024年8月26日

在 Ionic 2 中在页面之间导航和传递数据

在 Ionic 中你会得到一个名为导航控制器在页面之间导航,以及一个名为导航参数从您导航的页面获取数据。 首先导入导航控制器以及您将在起始组件/页面中导航到的页面的类别: 组件:something.ts import { NavController } from 'ionic-angular'; import { SomethingElsePage } from '../something-else/something-else'; 然后你注射导航控制器在组件的类构造函数中: 组件:something.ts constructor(public navCtrl: NavController) {} 现在假设您的页面模板有一个这样的按钮: 模板:something.html <button ion-button (click)="goToSomethingEl…
2024年8月26日

Linux 中的 5 个基本 chkconfig 命令示例

这是我们正在进行的 Linux 命令系列,我们将回顾如何利用chkconfig命令及其可用参数高效地使用它。Chkconfig命令工具允许通过命令行在/etc/rd.d/init.d脚本中配置服务的自动启动和停止。让我们看一些例子。 5 chkconfig 命令示例 1. 列出所有服务 使用' -list '参数将显示每个运行级别配置中的所有服务及其当前启动状态。 [root@example ~]# chkconfig --list NetworkManager 0:off 1:off 2:on 3:on 4:on 5:on 6:off abrt-ccpp 0:off 1:off 2:off 3:on 4:off 5:on 6:off abrt-oops 0:off 1:off 2:off 3:on 4:off 5:on 6:off ... 2. 检查特定服务的状态 以下命令显示特定服务的启动…
2024年8月26日

在 Sass 中引用父选择器

除了在 Sass 中简单嵌套之外,你还可以使用以下方式引用父选择器:&特点: .main a { background-color: rgba(236,198,48,0.2); transition: background-color .2s ease-out; &:hover { background-color: rgba(236,198,48,0.8); } } 上述内容一旦编译为 CSS,将产生以下内容: .main a { background-color: rgba(236, 198, 48, 0.2); transition: background-color .2s ease-out; } .main a:hover { background-color: rgba(236, 198, 48, 0.8); } 这是另一个例子: button { background-…
2024年8月26日

Sass 中的嵌套选择器

Sass 允许您轻松嵌套选择器并按层次结构组织规则: .main { background-color: antiquewhite; margin: 0 auto; img { max-width: 100%; transform: rotate(3deg); } p:first-child { font-size: 1.2em; span { background-color: burlywood; padding: 0.2em 0.4em; } 上述代码编译为 CSS 后,将产生以下内容: .main { background-color: antiquewhite; margin: 0 auto; } .main img { max-width: 100%; transform: rotate(3deg); } .main p:first-child { font-size: 1.2em; } .main p:…