作为Write for DOnations计划的一部分，作者选择了开源计划来接受捐赠。 介绍 Laravel是一个免费的开源 PHP 框架，基于Symfony，用于创建 Web 应用程序。SendGrid是一个基于云的 SMTP 提供商，它允许您发送电子邮件而无需维护电子邮件服务器。 在您的网站上设置联系表格可以让您的访问者更轻松地直接与您联系。为了让您的联系表单正常工作并发送电子邮件，您需要一个 SMTP 服务器。本教程将使用 SendGrid 及其免费的 SMTP 服务，将从网站联系表单发送的电子邮件发送到电子邮件收件箱。 在本教程中，您将向现有 Laravel 应用程序添加一个联系表单，并将其配置为使用 SendGrid 通过 SMTP 发送电子邮件。 先决条件 如果您还没有设置 Laravel 应用程序，您将需要以下内容： 以具有 sudo 权限的非 root 用户身份访问 Ubuntu 20.04 服务器，并在您的服务器上安装活动防火墙。要设置这些，请参阅我们的 Ubuntu 20.04 初始服务器设置指南。 按照如何在 Ubuntu 20.04 上安装 Nginx、MySQL 和 PHP将 LEMP 堆栈安装在您的服务器上。 用于安装 Laravel 及其依赖项的 Composer。您可以按照我们关于如何在 Ubuntu 20.04 ..
Category : 教程系列
在典型的 Angular 项目中，您将拥有许多组件。每个组件都有自己的样式表（css、scss、less 等）。您经常需要在组件中包含全局样式文件（尤其是变量文件）。 我们在另一篇 Angular 样式文章中对此进行了一些讨论：在 Angular CLI 中使用 Sass 让我们探索另一个导入样式文件的选项： Sass 变量示例 假设_variables.scss您的src/stylings文件夹中有一个： // your folder structure – src – app – app.component.ts – hello – hello.component.html – hello.component.scss – hello.component.ts – … – stylings – _variables.scss // your _variables.scss file $brand-color: #800000; 对变量文件的引用 下面是我们的hello.component.html文件，让我们用我们的brand-color. <!– hello.component.html –> <h1> Hello World! </h1> 该$brand-color变量在stylings/_variables.scss文件中。我们需要导入文件才能使用它： ..
cursor用于在特定元素上更改鼠标光标。这在 Web 应用程序中特别有用，在这些应用程序中除了单击之外还可以完成不同的任务。这显然只在有指点设备时才有效： .in-progress { cursor: progress; } 可用光标 如果您使用的是台式机/笔记本电脑，请将鼠标悬停在以下内容上以查看可用的不同光标： 通用/默认光标 汽车 默认 没有任何 链接光标 指针 滚动光标 全卷 状态光标 上下文菜单 帮助 等待 进步 选择光标 十字准线 细胞 文本 竖排文本 拖放光标 别名 复制 移动 没有下降 不允许 缩放光标 放大 缩小 抓取光标 抓 抓取 调整光标大小 调整大小 调整大小 调整大小 调整大小 s-调整大小 调整大小 sw-resize w-resize 调整大小 调整大小 调整大小 nwse-调整大小 颜色调整 行调整大小 ..
布尔值是一种数据类型，它只有两个可能值之一：真或假。布尔值代表与数学逻辑分支相关的真值，它为计算机科学中的算法提供信息。在编程中，布尔值用于进行比较和控制程序的流程。 有关布尔值的更多资源，请访问： 理解 Python 3 中的布尔逻辑 理解 Go 中的布尔逻辑 我们的开发相关教程、问题和其他教育资源的完整列表可以在我们的开发标签页�..
大数据是组织、处理和从大型数据集中收集见解所需的非传统策略和技术的总称。许多用户和组织正在为某些类型的工作负载转向大数据，并使用它来补充他们现有的分析和业务工具。这一领域的技术提供了不同的选择，用于将数据插入系统、存储、分析和处理数据，就像数据可视化的情况一样。 更多大数据资源，请访问： 大数据概念和术语介绍 Hadoop、Storm、Samza、Spark 和 Flink：大数据框架比较 我们的大数据相关教程、问题和其他教育资源的完整列表可以在我们的大数据标签页面�..
作者选择Creative Commons接受捐赠，作为Write for DOnations计划的一部分。 介绍 在React开发中，Web应用程序编程接口(API) 是单页应用程序 (SPA)设计不可或缺的一部分。API 是应用程序以编程方式与服务器通信以向用户提供实时数据并保存用户更改的主要方式。在 React 应用程序中，您将使用 API 加载用户首选项、显示用户信息、获取配置或安全信息以及保存应用程序状态更改。 在本教程中，您将使用useEffect和useStateHooks 在示例应用程序中获取和显示信息，使用JSON 服务器作为本地 API 进行测试。您将在组件首次安装时加载信息并使用 API 保存客户输入。您还将在用户进行更改时刷新数据，并了解如何在卸载组件时忽略 API 请求。在本教程结束时，您将能够将您的 React 应用程序连接到各种 API，并且您将能够发送和接收实时数据。 先决条件 你需要一个运行Node.js的开发环境；本教程在 Node.js 版本 10.22.0 和 npm 版本 6.14.6 上进行了测试。要在 macOS 或 Ubuntu 18.04 上安装它，请按照如何在 macOS 上安装 Node.js 和创建本地开发环境或如何在 Ubuntu 18.04 上安装 Node.js 的使用 PPA 安装部分中的步骤进行操作。 使用Create React App设置的 React ..
介绍 学习调试是开发人员的一项基本技能，因为它使他们能够在开发过程中有效地修复错误。在集成开发人员环境(IDE)之外使用 JavaScript 时，了解如何使用调试工具可能并不总是很明显。 本教程将介绍如何使用 Google Chrome DevTools 以及流行的文本编辑器Visual Studio Code (VS Code)调试 JavaScript 。 先决条件 要完成本教程，您将需要以下内容： 您的计算机上安装了最新版本的Google Chrome。 你的机器上安装了最新版本的Visual Studio Code。 Node.js 安装在本地，您可以按照如何安装 Node.js 和创建本地开发环境来完成。 对于本教程，您可以将这些课程应用到您自己的一个可以在 Node 服务器上运行的 JavaScript 项目中，但如果您愿意，也可以选择使用示例应用程序。 步骤 1 — 创建示例应用程序（可选） 如果您没有要遵循的 JavaScript 项目，则可以完成此步骤以创建Quick Chat项目。 您可以使用GIT中克隆的Design-and-Build-a-Chat-Application-with-Socket.io回购。或者，您可以下载 zip 文件并解压缩内容。 注意：如果您需要在系统上安装 Git，请参阅Git 入门。 出于本教程的目的，您将使用第 8 部分中的代码。花点时间熟悉一下您希望应用程序如何工作。 首先导航到项目目录并进入part-8目录： cd Design-and-Build-a-Chat-Application-with-Socket.io cd part-8 接下来，为项目安装 npm ..
作为Write for DOnations计划的一部分，作者选择了免费和开源基金来接受捐赠。 介绍 一个码头工人的注册表是名为泊坞图像，这是集装箱应用的行业标准的存储和内容传送系统。与公共镜像相比，私有 Docker 注册表允许您在团队或组织内安全地共享您的镜像，具有更大的灵活性和控制力。通过将私有 Docker 注册表直接托管在 Kubernetes 集群中，您可以获得更高的速度、更低的延迟和更好的可用性，同时控制注册表。 底层注册表存储被委托给外部驱动程序。默认存储系统是本地文件系统，但您可以将其替换为基于云的存储驱动程序。DigitalOcean Spaces是一种兼容 S3 的对象存储，专为需要可扩展、简单且经济实惠的方式来存储和服务海量数据的开发人员团队和企业而设计，非常适合存储 Docker 镜像。内置CDN网络，可以大大减少频繁访问图片时的延迟。 在本教程中，您将使用Helm将私有 Docker 注册表部署到DigitalOcean Kubernetes集群，由 DigitalOcean Spaces 备份以存储数据。您将为指定的空间创建 API 密钥，使用自定义配置将 Docker 注册表安装到您的集群，配置 Kubernetes 以对其进行正确的身份验证，并通过在集群上运行示例部署来测试它。在本教程结束时，您将在 DigitalOcean Kubernetes 集群上安装一个安全的私有 Docker 注册表。 先决条件 在开始本教程之前，您需要： Docker 安装在您将访问集群的机器上。对于 Ubuntu 18.04，请访问如何在 Ubuntu 18.04 上安装和使用 Docker。您只需要完成第 1步和第 2 步。否则，请访问 Docker 的网站以获取其他发行版。 Docker Hub 上的一个帐户，用于存储您将在本教程中创建的 Docker 映像。 ..
介绍 该v-model指令是与Vue.js捆绑在一起的少数指令之一。该指令允许在我们的数据和视图之间进行双向数据绑定。 使用双向数据绑定，当我们通过输入字段或其他控件更新我们的数据时，我们可以修改 DOM（文档对象模型），而无需进行 DOM 工作。 在本文中，您将探索该指令的工作原理并将其用于您自己的组件。 了解v-model内部工作原理 从我们的HTML知识，我们知道input，select和textarea我们是饲料的数据到应用程序的主要途径。 为了v-model工作，它期望有问题的元素或组件接收一个 prop（默认为value）并发出一个事件（默认为input）。 Vue 根据元素决定如何监听和处理数据。对于input元素，您可以这样使用v-model： <input v-model=”email” /> v-model 翻译成这样： <input :value=”email” @input=”e => email = e.target.value” /> Vue公司使用该扩展来处理textarea，select和一些其他input类型。 对于单选按钮和复选框，Vue 使用它们的checkedprop 并监听它们的change事件。 对于select可以接受多个值的标签和复选框等元素，Vue 将自动返回一组选定值。 添加v-model到自定义组件 为了让我们的组件支持v-model双向绑定，组件需要接受一个valueprop 并发出一个input事件。 让我们创建一个名为 的示例组件basic-input。我们将使用 Vue 的单文件组件： 基本输入.vue <template> <input @input=”handleInput” /> </template> <script> export default { prop: [‘value’], data () { return ..
下载完整的电子书！ EPUB 格式的Node.js电子书从容器到 Kubernetes PDF 格式的Node.js电子书从容器到 Kubernetes 电子书简介 本书旨在向您介绍使用容器和 Kubernetes 进行全栈开发。您将学习如何使用 Node.js 和 MongoDB 开发全栈应用程序以及如何管理它们——首先使用 Docker，然后使用 Docker Compose，最后使用 Kubernetes。 本书基于DigitalOcean Community上的From Containers to Kubernetes with Node.js系列教程。它涵盖的主题包括如何： 使用 Docker 构建 Node.js 应用程序进行开发 使用 MongoDB 将 NoSQL 数据库集成到您的 Node.js 应用程序中 使用 Docker Compose 管理您的开发环境 将您的 Docker Compose 工作流迁移到 Kubernetes 使用 Helm 和 Kubernetes 扩展您的 Node.js 和 MongoDB ..