ç ascading š tyle小号heets（CSS）是用来控制网站的呈现样式表语言。 CSS 于 1994 年由 Håkon Wium Lie 首次提出，当时他与万维网的发明者 Tim Berners-Lee 一起在欧洲核研究组织 (CERN) 工作。当时，网页通常完全使用HTML创建，HTML是 Berners-Lee 在 1990 年代开发的超文本标记语言。 然而，HTML 已被开发用于描述 Web 文档组件（例如其标题和段落）的语义，而不是提供样式说明。随着越来越多地使用 HTML 来设计网页样式变得越来越笨拙，引入了 CSS 以提供一种与 HTML 结合使用的更有效的网站样式方法。今天，与 HTML 和JavaScript 一样，CSS 是支持万维网的核心技术之一。 有关 CSS 的更多教育资源，请访问： 如何使用 CSS 教程系列构建网站 如何使用 CSS Workshop Kit 构建网站 如何使用 CSS 电子书构建网站 我们的CSS页面上提供了与 CSS 相关的教育资源的完�..
Category : 教程系列
介绍 Vue 中的计算属性允许您执行复杂的操作或数据格式化，同时通过依赖项计算最大限度地提高性能，该计算仅在依赖项更改时更新视图。此功能是同步的。 但是，该vue-async-computed包允许您通过将 a 的解析值绑定Promise到组件属性来创建和使用组件中的异步计算属性。 先决条件 要完成本教程，您需要： Node.js 安装在本地，您可以按照如何安装 Node.js 和创建本地开发环境来完成。 熟悉设置 Vue.js 项目和使用 Vue.js 组件可能会有所帮助。 有些熟悉Promise，async和await。 本教程已通过 Node v15.10.0、npmv7.6.0、vuev2.6.11 和vue-async-computedv3.9.0 验证。 设置项目 为了快速设置项目，本文将推荐使用@vue/cli. 注意：本文将采取使用的方式npx来避免全局安装@vue/cli； npx @vue/cli create vue-async-computed-example –default 导航到新创建的项目目录； cd vue-async-computed-example vue-async-computed可以通过npm以下命令安装： npm install [email protected] 然后，main.js使用您的代码编辑器打开该文件。导入和使用vue-async-computed： 源代码/main.js import Vue from ‘vue’ import AsyncComputed from ‘vue-async-computed’ import App from ‘./App.vue’ Vue.config.productionTip = false ..
介绍 WordPress 是目前互联网上最受欢迎的内容管理系统 (CMS) 之一，它允许用户使用带有 PHP 处理的 MySQL 后端来设置灵活的博客和网站。WordPress 在新老工程师中的采用率令人难以置信，是让网站高效启动和运行的绝佳选择。初始设置后，几乎所有 WordPress 网站的管理都可以通过其图形界面完成——这些功能以及更多功能使 WordPress 成为可扩展的网站的绝佳选择。 在本教程中，您将专注于在 LEMP 堆栈（Linux、Nginx、MySQL 和 PHP）上为 Ubuntu 20.04 服务器设置 WordPress 实例。 先决条件 为了完成本教程，您需要访问 Ubuntu 20.04 服务器。要在您的服务器上成功安装带有 LEMP 的 WordPress，您还需要在开始本教程之前执行以下任务： sudo在您的服务器上创建一个用户：本教程中的步骤使用具有sudo特权的非 root 用户。您可以sudo按照我们的Ubuntu 20.04 初始服务器设置教程创建具有特权的用户。 安装 LEMP 堆栈：WordPress 需要 Web 服务器、数据库和 PHP 才能正常运行。设置 LEMP 堆栈（Linux、Nginx、MySQL 和 PHP）可满足所有这些要求。按照本教程安装和配置此软件。 您无需自己设置这些组件，而是可以使用DigitalOcean 的 LEMP 一键安装应用程序快速配置已经安装了 LEMP 堆栈的 ..
作者选择Creative Commons接受捐赠，作为Write for DOnations计划的一部分。 介绍 在本教程中，您将通过向组件传递props来创建自定义组件。道具是您提供给JSX 元素的参数。它们看起来像标准的 HTML 道具，但它们不是预定义的，可以有许多不同的JavaScript 数据类型，包括数字、字符串、函数、数组，甚至其他React 组件。您的自定义组件可以使用 props 来显示数据或使用数据使组件具有交互性。道具是创建可适应不同情况的组件的关键部分，了解它们将为您提供开发可处理独特情况的自定义组件的工具。 向组件添加 props 后，您将使用PropTypes来定义期望组件接收的数据类型。PropTypes是一个简单的类型系统，用于在运行时检查数据是否与预期类型匹配。它们既是文档又是错误检查器，有助于在扩展时保持应用程序的可预测性。 在本教程结束时，您将使用各种方法props构建一个小型应用程序，该应用程序将获取一系列动物数据并显示信息，包括名称、科学名称、大小、饮食和其他信息。 注意：第一步设置一个空白项目，您将在该项目上构建教程练习。如果您已经有一个工作项目并想直接使用 props，请从第 2 步开始。 先决条件 你需要一个运行Node.js的开发环境；本教程在 Node.js 版本 10.20.1 和 npm 版本 6.14.4 上进行了测试。要在 macOS 或 Ubuntu 18.04 上安装它，请按照如何在 macOS 上安装 Node.js 和创建本地开发环境或如何在 Ubuntu 18.04 上安装 Node.js 的使用 PPA 安装部分中的步骤进行操作。 在本教程中，您将使用Create React App。您可以在如何使用 Create React App设置 React 项目中找到使用 ..
该系列的一部分： 如何使用 HTML 构建网站 本教程系列将指导您使用 HTML（用于在 Web 浏览器中显示文档的标准标记语言）创建和进一步自定义该网站。不需要有任何编码经验，但如果您想重新创建演示网站，我们建议您从本系列的开头开始。 在本系列结束时，您应该有一个准备好部署到云的网站，并且基本熟悉 HTML。了解如何编写 HTML 将为学习其他前端 Web 开发技能（例如 CSS 和 JavaScript）奠定坚实的基础。 HTML属性可用于更改 HTML 元素的颜色、大小和其他特性。例如，您可以使用属性来更改文本元素的字体颜色或大小或图像元素的宽度和高度。在本教程中，我们将学习如何使用 HTML 属性来设置 HTML 文本元素的大小和颜色属性值。 HTML 属性放置在开始标记中，如下所示： <element attribute=”property:value;”> 一个常见的属性是style，它允许您向 HTML 元素添加样式属性。虽然使用单独的样式表来确定 HTML 文档的样式更为常见，但我们将在本教程的 HTML 文档中使用 style 属性。 使用样式属性 我们可以<h1>使用 style 属性更改元素的多个属性。清除“index.html”文件并将以下代码粘贴到浏览器中。（如果您还没有关注教程系列，您可以index.html在我们的教程设置您的 HTML 项目 中查看设置文件的说明。 <h1 style=”font-size:40px;color:green;”>This text is 40 pixels and green.</h1> 在我们在浏览器中加载文件之前，让我们回顾一下这个 HTML 元素的每个部分： ..
作为Write for DOnations计划的一部分，作者选择了免费和开源基金来接受捐赠。 介绍 网页抓取，也称为网页抓取，使用机器人从网站中提取、解析和下载内容和数据。 您可以使用一台机器从几十个网页中抓取数据，但是如果您必须从数百甚至数千个网页中检索数据，您可能需要考虑分配工作负载。 在本教程中，您将使用Puppeteer来抓取books.toscrape，这是一个虚构的书店，作为初学者学习网络抓取和开发人员验证他们的抓取技术的安全场所。在撰写本文时，books.toscrape 上有 1000 本书，因此您可以抓取 1000 个网页。但是，在本教程中，您将只抓取前 400 个。为了在短时间内抓取所有这些网页，您将构建一个包含Express Web 框架和 Puppeteer 浏览器控制器的可扩展应用程序并将其部署到Kubernetes集群。为了与您的抓取工具进行交互，您将构建一个包含axios的应用程序，一个基于Promise的 HTTP 客户端，以及lowdb，一个用于 Node.js 的小型 JSON 数据库。 完成本教程后，您将拥有一个能够同时从多个页面提取数据的可扩展刮刀。例如，使用默认设置和三节点集群，在books.toscrape 上抓取400 页只需不到2 分钟。扩展集群后，大约需要 30 秒。 警告：网络抓取的道德和合法性非常复杂且不断发展。它们还因您的位置、数据位置和相关网站而异。本教程抓取了一个专门的网站，books.toscrape.com，专门用于测试刮刀应用程序。抓取任何其他域不在本教程的范围内。 先决条件 要学习本教程，您需要一台具有以下功能的机器： 安装了 Docker。按照我们关于如何安装和使用 Docker 的教程获取说明。Docker 的网站提供了其他操作系统（如 macOS 和 Windows）的安装说明。 Docker Hub 上用于存储 Docker 映像的帐户。 Kubernetes 1.17+ 集群，将您的连接配置设置为kubectl默认值。要在 DigitalOcean 上创建 Kubernetes 集群，请阅读我们的Kubernetes 快速入门。要连接到集群，请阅读如何连接到 DigitalOcean ..
介绍 配置管理系统旨在为管理员和运营团队简化控制大量服务器的过程。它们允许您从一个中心位置以自动化方式控制许多不同的系统。 尽管有许多可用于 Linux 系统的流行配置管理工具，例如Chef和Puppet，但这些工具通常比许多人想要或需要的更复杂。Ansible是这些选项的一个很好的替代方案，因为它提供了一个简单的架构，不需要在节点上安装特殊软件，使用 SSH 执行自动化任务和 YAML 文件来定义配置细节。 在本指南中，我们将讨论如何在 Ubuntu 18.04 服务器上安装 Ansible，并介绍如何使用该软件的一些基础知识。 Ansible 如何工作？ Ansible 通过从安装和配置了 Ansible 组件的计算机（然后称为Ansible 控制节点）配置客户端计算机（称为受管节点）来工作。 它通过正常的 SSH 通道进行通信，以从远程系统检索信息、发出命令和复制文件。因此，Ansible 系统不需要在客户端计算机上安装任何额外的软件。 这是 Ansible 简化服务器管理的一种方式。任何暴露 SSH 端口的服务器都可以归入 Ansible 的配置保护伞之下，无论它处于生命周期的哪个阶段。这意味着您可以通过 SSH 管理的任何计算机，也可以通过 Ansible 进行管理。 Ansible 采用模块化方法，使您能够扩展主系统的功能以处理特定场景。模块可以用任何语言编写并以标准 JSON 进行通信。 配置文件主要以 YAML 数据序列化格式编写，因为它具有表现力，并且与流行的标记语言相似。Ansible 可以通过命令行工具或其配置脚本（称为 Playbook）与主机交互。 先决条件 要学习本教程，您需要： 一个 Ansible 控制节点：Ansible 控制节点是我们将用来通过 SSH 连接和控制 Ansible 主机的机器。您的 ..
一个一个pplication p在AGC我覆盖整个院落（API）是一组标准化例程，定义和协议，允许开发人员构建的软件对现有库和服务的顶部。API 抽象实现并仅向开发人员公开必要的对象和操作。这允许一个稳定的接口，而底层实现可能会改变。 在云计算中，开发人员使用 API 来管理服务器和其他资源，最常见的是通过传统的 HTTP 请求。 有关 API 的更多资源，请访问： 如何使用 DigitalOcean API 如何在 Python 3 中使用 Web API 技术讲座：创建 Laravel (PHP) API 我们的 API 相关教程、问题和其他教育资源的完整列表可以在我们的API 标签页�..
介绍 Nginx是世界上最受欢迎的 Web 服务器之一，负责托管互联网上一些最大和流量最高的站点。这是一个轻量级的选择，可以用作 Web 服务器或反向代理。 在本指南中，我们将讨论如何在 Ubuntu 20.04 服务器上安装 Nginx、调整防火墙、管理 Nginx 进程以及设置服务器块以从单个服务器托管多个域。 先决条件 在您开始本指南之前，您应该拥有一个在您的服务器上配置了 sudo 权限的普通非 root 用户。您可以按照我们的 Ubuntu 20.04 初始服务器设置指南了解如何配置常规用户帐户。 当您有可用的帐户时，请以非 root 用户身份登录以开始。 第 1 步 – 安装 Nginx 因为 Nginx 在 Ubuntu 的默认存储库中可用，所以可以使用apt打包系统从这些存储库安装它。 由于这是我们apt在本次会议中与包装系统的第一次交互，我们将更新我们的本地包裹索引，以便我们可以访问最新的包裹列表。之后，我们可以安装nginx： sudo apt update sudo apt install nginx 接受程序后，apt将安装 Nginx 和任何所需的依赖项到您的服务器。 步骤 2 – 调整防火墙 在测试 Nginx 之前，需要调整防火墙软件以允许访问该服务。Nginxufw在安装时将自身注册为服务，从而可以直接允许 Nginx ..
介绍 在管理服务器时，您有时会希望允许用户以“root”（管理员级别的用户）身份执行命令。该sudo命令为系统管理员提供了一种向普通用户授予管理员权限（通常仅对root用户可用）的方法。 在本教程中，您将学习如何sudo在 Ubuntu 20.04 上创建具有访问权限的新用户，而无需修改服务器/etc/sudoers文件。 注意：如果要sudo为现有用户配置，请跳至步骤 3。 第 1 步 – 登录您的服务器 以root用户身份通过 SSH 连接到您的服务器： ssh root@your_server_ip_address 步骤 2 — 向系统添加新用户 使用以下adduser命令将新用户添加到您的系统： adduser sammy 请务必替换sammy为您要创建的用户名。系统将提示您为用户创建并验证密码： OutputEnter new UNIX password: Retype new UNIX password: passwd: password updated successfully 接下来，系统会要求您填写有关新用户的一些信息。可以接受默认值并将此信息留空： OutputChanging the user information for sammy Enter the new value, or press ENTER for the default ..