Category : 教程系列

作者选择了电子前沿基金会作为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 ..

Read more

作者选择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 ..

Read more

介绍 在本快速入门指南中,我们将在 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 ..

Read more

介绍 本文将向您介绍 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 = ..

Read more

介绍 使用 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> 您也可以走内联路线,如下所示: ..

Read more

该系列的一部分: 如何使用 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 ..

Read more

作者选择了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 ..

Read more

介绍 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 步 – 更新包列表 ..

Read more

该系列的一部分: 如何使用 HTML 构建网站 本教程系列将指导您使用 HTML(用于在 Web 浏览器中显示文档的标准标记语言)创建和进一步自定义该网站。不需要有任何编码经验,但如果您想重新创建演示网站,我们建议您从本系列的开头开始。 在本系列结束时,您应该有一个准备好部署到云的网站,并且基本熟悉 HTML。了解如何编写 HTML 将为学习其他前端 Web 开发技能(例如 CSS 和 JavaScript)奠定坚实的基础。 HTML Content Division 元素 ( <div>) 充当容器,将网页结构化为单独的组件以进行单独的样式设置。本教程将教您如何<div>在网页上创建容器并为其设置样式。 就其本身而言,该<div>元件在页面的布局影响不大,通常给出的属性来调整其大小,颜色,位置,或其他特征。通常,开发人员<div>使用 CSS 为元素设置样式,但本教程将<div>通过直接在 HTML 文档中设置样式来让您了解元素的工作原理。 该<div>元素使用 HTMLstyle属性设置样式。如下例所示,一个<div>元素可以包含多个样式属性: <div style=”property: value; property: value;”></div> 请注意,该<div>元素具有开始和结束标记,但不需要任何内容​​。要了解该<div>元素在实践中的工作原理,请清除您的index.html文件并将以下代码粘贴到其中。(如果您还没有关注教程系列,您可以index.html在我们的教程设置您的 HTML 项目 中查看设置文件的说明。 <div style=”width:300px;height:200px; background-color:red;”> </div> 保存文件并在浏览器中重新加载它。(有关在浏览器中加载文件的说明,请在此处查看我们的教程。)您应该会收到一个宽度为 300 像素、高度为 200 像素的红色框,如下所示: 您还可以<div>通过在开始和结束<div>标记之间添加内容来向元素添加内容。尝试在<div>标签之间添加文本,如下所示: <div style=”width:300px;height:300px; background-color:red;”> This is ..

Read more

作为Write for DOnations计划的一部分,作者选择了免费和开源基金来接受捐赠。 介绍 WebDAV是 HTTP 协议的扩展,允许用户管理远程服务器上的文件。有多种使用 WebDAV 服务器的方法,例如,您可以通过将 Word 或 Excel 文档上传到您的 WebDAV 服务器与同事共享它们。您还可以通过简单地给他们一个 URL 与您的家人和朋友分享您的音乐收藏。所有这一切都可以在他们不安装任何额外软件的情况下实现,因为一切都内置在他们的操作系统中。 在本文中,您将配置一个 Apache Web 服务器,以通过 SSL 和密码身份验证从 Windows、Mac 和 Linux 启用 WebDAV 访问。 先决条件 在开始本指南之前,您需要具备以下条件: 一个 Ubuntu 20.04 服务器。按照Ubuntu 20.04的初始服务器设置创建一个启用 sudo 的非 root 用户。 解析为您服务器的公共 IP 地址的域名。该域名和DNS介绍如何设置此。 配置为为您的域提供服务的 Apache Web 服务器,您可以完成如何在 Ubuntu 20.04 上安装 Apache Web 服务器教程来进行设置——确保按照步骤5——设置虚拟主机作为此先决条件的一部分。 您的域名的 SSL ..

Read more