他们说好东西会留给等待的人，当谈到网络上的文字装饰时，事实证明这是非常正确的。在CSS文本装饰模块3级定义了Web上的一些伟大的新的方法来装饰文本，浏览器终于开始对他们有很好的支持。使用border-bottom代替适当的文本下划线以获得不同的下划线颜色的时代可能最终会过去。 结果可能会有所不同：支持仍然有限，因此本文中的示例可能无法正确显示，具体取决于您使用的浏览器。 文字装饰 该文本装饰用财产只有约值之间的选择无，下划线，上划线和线路通过，但随着新的建议是将成为新的简写文本的装饰色，文字装饰风格和文本- 装饰线属性。例如，这是一个彩色双下划线： .fancy { -webkit-text-decoration: hotpink double underline; text-decoration: hotpink double underline; } 花式下划线 文字装饰颜色 就像你想象的那样工作。终于有办法改变文字装饰颜色了！ 文字装饰风格 text-decoration-style用于定义文本装饰的类型，新推荐带来两个新值：double和wavy： .wavy { text-decoration: underline; -webkit-text-decoration-color: salmon; text-decoration-color: salmon; -webkit-text-decoration-style: wavy; text-decoration-style: wavy; } 波浪形装饰 文字装饰线 text-decoration-line接受underline、overline、line-through和blink 的值（但是不推荐使用blink ）： .strike { -webkit-text-decoration-color: red; text-decoration-color: red; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } 罢工这个 文字装饰跳过 使用text-decoration-skip我们可以避免在其应用的元素的部分上进行装饰步骤。可能的值是objects，spaces，ink，edges和box-decoration。 ink：最后，一种防止文本装饰重叠字形下行的方法： .ink ..
Category : 教程系列
介绍 应用经常需要执行POST和GET其他HTTP请求。 Flutter 提供了一个支持发出 HTTP 请求的http包。 在本文中，您将创建一个示例 Flutter 应用程序，该应用程序使用该http包执行 HTTP 请求以显示占位符信息。 先决条件 要完成本教程，您需要： 下载并安装Flutter。 下载并安装Android Studio 或 Visual Studio Code。 建议为您的代码编辑器安装插件： Flutter和Dart为 Android Studio 安装的插件。 Flutter 为 Visual Studio Code 安装的扩展。 本教程通过 Flutter v1.22.2、Android SDK v30.0.2、Android Studio v4.1 验证。 步骤 1 — 设置项目 为了进行设置，您将创建一个示例 Flutter 应用程序。 为 Flutter 设置环境后，您可以运行以下命令来创建新应用程序： flutter create flutter_http_example 导航到新的项目目录： cd flutter_http_example ..
介绍 平滑滚动是指用户不是单击按钮并立即被带到同一页面的不同部分，而是通过滚动动画导航到那里。这是网站上那些微妙的 UI 功能之一，可以产生审美差异。 在本文中，您将使用react-scrollnpm 上的包来实现平滑滚动。 先决条件 您将需要以下内容来完成本教程： 有效的 Git 安装。要进行设置，请查看Git 入门教程。 Node.js 安装在本地，您可以按照如何安装 Node.js 和创建本地开发环境教程来完成。 本教程已通过 Node v13.14.0、npm v6.14.5、reactv16.13.1 和react-scrollv.1.7.16 验证。 快速入门：使用 react-scroll 您将在本教程中构建一个简单的应用程序，但如果您想快速了解其react-scroll工作原理，请随时参考以下简要步骤： 安装react-scroll： npm i -S react-scroll 导入react-scroll包： import { Link, animateScroll as scroll } from “react-scroll”; 添加链接组件。该<Link />组件将指向您的应用程序的某个区域： <Link to=”section1″> 让我们更深入地探索并构建一个平滑滚动的小型 React 应用程序。 第 1 步 – 安装并运行 React 应用程序 为方便起见，本教程将使用一个入门 ..
介绍 Seafile是一个开源、自托管、文件同步和共享平台。用户可以在自己的服务器上存储和选择性地加密数据，存储空间是唯一的限制。使用 Seafile，您可以使用跨平台同步和受密码保护的链接共享文件和文件夹，这些链接指向具有到期日期的文件。文件版本控制功能意味着用户可以恢复已删除和修改的文件或文件夹。 在本教程中，您将在 Ubuntu 20.04 服务器上安装和配置 Seafile。您将使用 MariaDB 为 Seafile 的不同组件存储数据，并使用 Apache 作为代理服务器来处理 Web 流量。完成本教程后，您将能够使用 Web 界面从桌面或移动客户端访问 Seafile，允许您与服务器上的其他用户或群组或公众同步和共享您的文件。 先决条件 在开始本指南之前，您需要具备以下条件： 按照 Ubuntu 20.04初始服务器设置教程设置一台至少具有 2GB RAM 的 Ubuntu 20.04 服务器，包括 sudo 非 root 用户和防火墙。 安装并配置了 MariaDB 数据库服务器。按照如何在 Ubuntu 20.04 上安装 MariaDB教程中的步骤进行操作。 按照如何在 Ubuntu 20.04 上安装 Apache Web 服务器，为注册域配置虚拟主机的 Apache Web 服务器。 按照此如何在 Ubuntu 20.04 上使用 ..
LEMP 是指通常一起用于为 Web 应用程序提供服务的开源软件的集合。术语LEMP是一个表示的结构的首字母缩写大号inux下操作系统与nginx的（显着的发动机-X ，因此È的缩写）网络服务器，与存储在网站上的数据中号ySQL数据库和通过处理的动态内容P生命值。 LEMP 堆栈代表了一种配置 Web 服务器的方法，并在 Web 上的许多高度扩展的应用程序中使用。 要了解有关 LEMP 的更多信息，我们的教程如何在 Ubuntu 20.04 上安装 Linux、Nginx、MySQL、PHP（LEMP 堆栈）共享更多信息并指导您在 Web 服务器上安装 LEMP..
介绍 jQuery 可以与表单提交配对来处理验证。这有利于为用户提供有关其输入中任何错误的反馈。 在本教程中，您将看到一个与 PHP 后端通信的示例表单。表单将使用 jQuery 处理表单而不刷新页面（使用 AJAX），指示任何错误，并显示成功消息。 先决条件 要完成本教程，您需要： 本教程假设您在本地安装了 PHP 并且能够运行内置的 Web 服务器。您可以参考我们的教程之一，在您的环境中安装 PHP。 熟悉jQuery 库中的选择器和方法。 熟悉Bootstrap 库中的类。 一个代码编辑器。 现代网络浏览器。 注意：本教程未指定最新版本的 jQuery（当前 3.5.1）或 Bootstrap（当前 5.0.0-beta1）。但是，本教程中的许多课程仍然适用于最新版本。 本教程已通过 PHP v7.3.24、jQuery v2.0.3 和 Bootstrap v3.0.3 验证。 第 1 步 – 使用 PHP 构建后端 出于本教程的目的，后端将用 PHP 编写。 首先，打开一个终端窗口并创建一个新的项目目录： mkdir jquery-form-validation 导航到这个新的项目目录： cd jquery-form-validation 然后，使用您的代码编辑器创建一个新process.php文件： 进程.php <?php ..
介绍 @font-face是用于定义自定义字体的CSS 规则。使用@font-face，您可以提供与 CSS 文件位于同一服务器上的字体文件的路径。该规则已经存在一段时间了，但是有一个更新的属性font-display，它带来了一个新的加载选项级别。 在本教程中，我们将下载流行的开源字体 Roboto Mono，并使用@font-face它在示例网页上加载字体。为了创造最佳的用户体验，我们将使用该font-display属性来自定义加载它的方式和时间。 先决条件 您选择的代码编辑器，例如nano或Visual Studio Code 网络浏览器 熟悉 HTML 基础知识。您可以查看我们的教程系列如何使用 HTML 构建网站以获取介绍。 步骤 1 — 下载字体并构建网页 在我们开始探索@font-face规则之前，让我们设置一个示例网页和目录。 在工作目录中，为我们的网站创建一个新文件夹，并为我们的字体文件创建一个子目录： mkdir -p ./website/fonts/ 导航到我们新项目的根目录，website： cd website 我们将从这里运行所有剩余的命令。 现在我们将使用该curl命令下载 Roboto Mono 字体。我们正在使用一个名为 的流行应用程序google-webfonts-helper，该应用程序允许我们通过单个整齐捆绑的GET请求直接从 Google 的内容交付网络下载多种字体。 让我们下载两种不同风格和重量的 Roboto Mono，regular然后700italic： curl -o ./fonts/fontfiles.zip “https://google-webfonts-helper.herokuapp.com/api/fonts/roboto-mono?download=zip&subsets=latin,latin-ext&variants=regular,700italic&formats=woff,woff2,ttf” 请注意我们如何variants从 Roboto Mono 字体系列中指定我们想要的 。然后formats我们为每个指定我们想要的。我们要求的ttf，woff和woff2格式。该woff2格式是最现代的Web字体格式，但支持woff2仍然在一些浏览器缺乏。因此，我们还提供了一种后备woff格式，支持回到 Internet Explorer 9 和TrueType 格式，或ttf. ..
介绍 Javascript Promises可能难以理解。所以，我想写下我对promise的理解。 理解承诺 简短的承诺： “想象一下你是个孩子。你妈妈向你保证，下周她会给你买一部新手机。” 你不知道下周能不能拿到那部手机。你妈妈真的可以给你买一部全新的手机，或者她不会。 那是一个承诺。一个承诺有三个状态。他们是： 待定：你不知道你是否会得到那部手机 应验：妈妈很高兴，她给你买了一部全新的手机 拒绝：妈妈不高兴，她不给你买手机 创建承诺 让我们将其转换为 JavaScript。 // ES5: Part 1 var isMomHappy = false; // Promise var willIGetNewPhone = new Promise( function (resolve, reject) { if (isMomHappy) { var phone = { brand: ‘Samsung’, color: ‘black’ }; resolve(phone); // fulfilled } else { var reason = new ..
介绍 Visual Studio Code (VS Code) 已成为最流行的 Web 开发编辑器之一。由于其许多内置功能，例如与Git 的源代码控制集成，它获得了如此大的人气。在 VS Code 中利用 Git 的强大功能可以使您的工作流程更加高效和稳健。 在本教程中，您将探索在 VS Code 中使用 Git 的源代码控制集成。 先决条件 要完成本教程，您将需要以下内容： Git 安装在你的机器上。有关完成此操作的更多详细信息，请查看Git 入门教程。 你的机器上安装了最新版本的Visual Studio Code。 步骤 1 — 熟悉源代码控制选项卡 要利用源代码控制集成，您需要做的第一件事是将项目初始化为 Git 存储库。 打开 Visual Studio Code 并访问内置终端。您可以使用CTRL + `Linux、macOS 或 Windows 上的键盘快捷键打开它。 在您的终端中，为新项目创建一个目录并切换到该目录： mkdir git_test cd git_test 然后，创建一个 Git 存储库： git ..
作者选择了技术多样性基金来接受捐赠，作为Write for DOnations计划的一部分。 介绍 PostgreSQL是一种广泛使用的关系数据库，它支持ACID事务。首字母缩写词 ACID 代表原子性、一致性、隔离性和持久性。这是 PostgreSQL 支持的数据库事务的四个关键属性，以确保数据库中数据的持久性和有效性。 PostgreSQL 用来维护 ACID 属性的一种方法是Write-Ahead Logging (WAL)。PostgreSQL 在将更改写入数据库集群的数据文件之前，首先将数据库上的任何事务记录到 WAL 日志文件中。 通过连续归档，WAL 文件被复制到二级存储，这有几个好处。例如，辅助数据库集群可以将存档的 WAL 文件用于复制目的，但您也可以使用这些文件来执行时间点恢复 (PITR)。也就是说，如果发生意外，您可以使用这些文件将数据库集群回滚到所需的点。 在本教程中，您将在 Ubuntu 20.04 上使用 PostgreSQL 12 集群设置连续归档，并在集群上执行 PITR。 先决条件 要完成本教程，您需要具备以下条件： 一台运行 Ubuntu 20.04 的机器。在初始服务器安装指南将引导您完成设置服务器，包括非root用户具有相应权限。 机器上运行的 PostgreSQL 12。步骤1中的如何在Ubuntu上安装和使用PostgreSQL 20.04教程盖在Ubuntu 20.04安装PostgreSQL的12。 步骤 1 — 在数据库集群上配置连续归档 在第一步中，您需要配置 PostgreSQL 12 集群以将集群的 WAL 文件存档在不同于集群数据目录的目录中。为此，您必须首先在某处创建一个新目录来存档 WAL 文件。 创建一个新目录如下： ..