作者选择了电子前沿基金会作为Write for DOnations计划的一部分接受捐赠。 介绍 Apache 和 Nginx 是两种流行的开源 Web 服务器，通常与 PHP 一起使用。当托管具有不同要求的多个网站时，在同一虚拟机上运行它们会很有用。在单个系统上运行两个 Web 服务器的一般解决方案是使用多个 IP 地址或不同的端口号。 可以将同时具有 IPv4 和 IPv6 地址的服务器配置为在一种协议上为 Apache 站点提供服务，在另一种协议上为 Nginx 站点提供服务，但这目前并不实用，因为 ISP 对 IPv6 的采用仍然不普遍。拥有像一个不同的端口号81或8080第二web服务器是另一种解决方案，但与端口号分享的网址（例如）并不总是合理的或理想的。http://your_domain:81 在本教程中，您将 Nginx 配置为 Web 服务器和 Apache 的反向代理——所有这些都在单个服务器上。 根据 Web 应用程序，可能需要更改代码以保持 Apache 反向代理感知，尤其是在配置 SSL 站点时。为了避免这种情况，您将安装一个名为 Apache 的模块mod_rpaf，它会重写某些环境变量，因此 Apache 似乎是直接处理来自 Web 客户端的请求。 我们将在一台服务器上托管四个域名。Nginx 将提供两个服务：（默认虚拟主机）和. 剩下的两个和将由 Apache 提供服务。我们还将配置 Apache ..
Category : 教程系列
作者选择Open Sourcing Mental Illness接受捐赠，作为Write for DOnations计划的一部分。 介绍 在Vue.js开发中，客户端的 Web 浏览器读取 HTML 和JavaScript，并根据开发人员为其编写的指令呈现网页。但是网页或应用程序不仅需要处理数据；它还需要处理用户交互。为此，开发人员使用JavaScript中的事件在用户与HTML元素交互时执行代码。 事件可以捕获任何用户与用户界面按钮或物理键盘或鼠标的交互。在 JavaScript 中，您将创建事件侦听器，等待该事件发生，然后执行代码块。在 Vue.js 中，你不需要监听事件；这是使用v-on:指令自动完成的。 在本教程中，您将使用 Vue 中的事件来创建机场代码的应用程序。当用户选择机场代码时，应用程序会将该机场添加到“收藏夹”集合中。通过跟随这个项目，您将了解什么是事件、如何使用 Vue 的内置事件以及如何创建自己的自定义事件。 先决条件 要完成本教程，您需要： 14.17.0您的计算机上安装了Node.js 版本或更高版本。要在 macOS 或 Ubuntu 20.04 上安装它，请按照如何在 macOS 上安装 Node.js 和创建本地开发环境或如何在 Ubuntu 20.04 上安装 Node.js 的使用 PPA 安装部分中的步骤进行操作。 Vue的CLI您的计算机上安装按照步骤1中如何产生Vue.js单页应用程序会与Vue的CLI。在本教程的第一步中，您将使用它来创建您的 Vue 应用程序。 您还需要具备 JavaScript、HTML 和 CSS 的基本知识，您可以在我们的如何使用 HTML 构建网站系列、如何使用 CSS 构建网站系列和如何使用 JavaScript ..
介绍 在本快速入门指南中，我们将在 Ubuntu 20.04 服务器上安装Composer。 有关本教程的更详细版本以及每个步骤的更多解释，请参阅如何在 Ubuntu 20.04 上安装和使用 Composer。 先决条件 要遵循本指南，您需要以sudo用户身份访问 Ubuntu 20.04 服务器。 第 1 步 – 安装依赖项 首先更新您的包管理器缓存并安装所需的依赖项，包括php-cli： sudo apt update sudo apt install php-cli unzip 步骤 2 — 下载并安装 Composer 确保您位于主目录中，然后使用以下命令检索Composer 安装程序curl： cd ~ curl -sS https://getcomposer.org/installer -o composer-setup.php 接下来，我们将验证下载的安装程序是否与Composer 公钥/签名页面上找到的最新安装程序的 SHA-384 哈希匹配。 使用curl，获取最新的签名并将其存储在 shell 变量中： HASH=`curl -sS https://composer.github.io/installer.sig` 现在执行以下 PHP ..
介绍 本文将向您介绍 Angular 的ViewChild装饰器。 在某些情况下，您可能希望从父组件类访问指令、子组件或 DOM 元素。所述ViewChild装饰返回给定的指令，组件或模板参考选择相匹配的第一个元素。 ViewChild与指令一起使用 ViewChild 使访问指令成为可能。 假设我们有一个SharkDirective. 理想情况下，你会使用@angular/cli到generate你的指令： ng generate directive shark 否则，您可能需要手动将其添加到app.module.ts： app.module.ts import { SharkDirective } from ‘./shark.directive’; … @NgModule({ declarations: [ AppComponent, SharkDirective ], … }) 我们的指令将查找具有属性的元素，appShark并在元素的文本前加上单词Shark： 鲨鱼指令.ts import { Directive, ElementRef, Renderer2 } from ‘@angular/core’; @Directive( { selector: ‘[appShark]’ } ) export class SharkDirective { creature = ..
介绍 使用 React Native 时，默认情况下它不使用 HTML 和 CSS 作为 Web 应用程序。 事实上，开箱即用，一切都基于Flexbox自动设置样式。 在本文中，您将了解如何将样式应用于 React Native 应用程序。 先决条件 如果你想跟随这篇文章，你需要： 熟悉使用 CSS 属性和值。 熟悉在 React Native 中使用 JSX 语法。 使用 StyleSheet 了解 React Native 样式的第一件事就是使用StyleSheet组件。 首先，像这样导入它： import { StyleSheet } from ‘react-native’; 之后，您可以像这样使用它： const styles = StyleSheet.create({ container: { height: 100 } }) 然后，添加它以适当地设置组件的样式，如下所示： <View style={styles.container}></View> 您也可以走内联路线，如下所示： ..
该系列的一部分： 如何使用 HTML 构建网站 本教程系列将指导您使用 HTML（用于在 Web 浏览器中显示文档的标准标记语言）创建和进一步自定义该网站。不需要有任何编码经验，但如果您想重新创建演示网站，我们建议您从本系列的开头开始。 在本系列结束时，您应该有一个准备好部署到云的网站，并且基本熟悉 HTML。了解如何编写 HTML 将为学习其他前端 Web 开发技能（例如 CSS 和 JavaScript）奠定坚实的基础。 在本教程中，我们将学习如何使用 HTML 在网站上添加图像。我们还将学习如何向图像添加替代文本，以提高使用屏幕阅读器的网站访问者的可访问性。 使用 HTML 添加图像 使用该<img>元素将图像添加到 HTML 文档中。该<img>元素需要src允许您设置存储图像的文件位置的属性。一个图像元素是这样写的： <img src=”Image_Location”> 请注意，<img>元素也不能使用关闭</img>标签。要尝试使用该<img>元素，请下载我们的 Sammy the Shark 图像并将其放在您的项目目录中html-practice. 注意：要下载 Sammy the Shark 的图像，请访问图像上的链接和CTRL + Left Click（在 Mac 上）或Right Click（在 Windows 上）并选择“将图像另存为”并将其另存为small-profile.jpeg您的项目目录。 接下来，擦除index.html文件的内容并粘贴<img src=”Image_Location”>到文件中。（如果您还没有关注教程系列，您可以index.html在我们的教程设置您的 HTML 项目 中查看设置文件的说明。 然后，复制图像的文件路径并替换Image_Location为您保存图像的位置。如果您使用的是 Visual Studio Code ..
作者选择了COVID-19 救济基金来接受捐赠，作为Write for DOnations计划的一部分。 介绍 网站加载速度越快，访问者停留的可能性就越大。当网站充满图像和由后台加载的脚本运行的交互式内容时，打开网站并不是一项简单的任务。它由一个接一个地从服务器请求许多不同的文件组成。最大限度地减少这些请求的数量是加快网站速度的一种方法。 提高网站性能的一种方法是浏览器缓存。浏览器缓存告诉浏览器它可以重用下载文件的本地版本，而不是一次又一次地向服务器请求它们。为此，您必须引入新的 HTTP 响应标头，告诉浏览器如何操作。 Nginx 的 header 模块可以帮助你完成浏览器缓存。您可以使用此模块向响应添加任意标头，但其主要作用是正确设置缓存标头。在本教程中，我们将使用 Nginx 的头模块来实现浏览器缓存。 先决条件 要学习本教程，您需要： 使用此初始服务器设置教程设置的一台 CentOS 8 服务器，包括一个 sudo 非 root 用户。 按照如何在 CentOS 8 上安装 Nginx 教程在您的服务器上安装 Nginx。 步骤 1 — 创建测试文件 在这一步中，我们将在默认的 Nginx 目录中创建几个测试文件。我们稍后将使用这些文件来检查 Nginx 的默认行为，然后测试浏览器缓存是否正常工作。 为了推断网络上提供的文件类型，Nginx 不会分析文件内容；那将是非常缓慢的。相反，它查找文件扩展名以确定文件的MIME 类型，这表示其用途。 由于这种行为，我们的测试文件的内容是无关紧要的。通过适当命名文件，我们可以让 Nginx 认为，例如，一个完全空的文件是一个图像，另一个是样式表。 创建一个test.html在默认 Nginx 目录中命名的文件，使用truncate. 此扩展名表示它是一个 HTML 页面： sudo truncate ..
介绍 R 是一种开源编程语言，专门研究统计计算和图形。在本教程中，我们将在 Ubuntu 20.04 服务器上安装 R。 在本教程的更详细的版本，每一步的更透彻的解释，请参阅如何在Ubuntu 20.04安装R。 第 1 步 – 添加 GPG 密钥 以 sudo 非 root 用户身份登录到您的 Ubuntu 20.04 服务器，添加相关的 GPG 密钥。 sudo apt-key adv –keyserver keyserver.ubuntu.com –recv-keys E298A3A825C0D65DFD57CBB651716619E084DAB9 第 2 步 – 添加 R 存储库 sudo add-apt-repository ‘deb https://cloud.r-project.org/bin/linux/ubuntu focal-cran40/’ 如果您不使用 20.04，请从R Project Ubuntu 列表中找到相关存储库，以每个版本命名。 第 3 步 – 更新包列表 ..