WordPress是一个免费和开源内容管理系统(CMS),提供博客和网站的基础设施,创建和发布工具。 WordPress于 2003 年在GPLv2+ 许可下发布,目前支持超过 33% 的网络。它使用户能够使用内置模板系统、MySQL 数据库、插件等构建和维护博客、网站和其他数字内容产品。 要了解有关 WordPress 的更多信息,请访问我们关于 WordPress 主题和工具的资源列表。为了在您的下一个项目中试用 WordPress,我们还提供了适用于 WordPress 解决方案的一键式应�..
Category : 教程系列
介绍 Rsync代表“远程同步”,是一种远程和本地文件同步工具。它使用一种算法,通过仅移动已更改的文件部分来最大限度地减少复制的数据量。 在本指南中,我们将介绍这个强大实用程序的基本用法。 什么是 Rsync? Rsync 是一个非常灵活的网络同步工具。由于它在 Linux 和类 Unix 系统上无处不在,并且它作为系统脚本的工具很受欢迎,因此默认情况下它包含在大多数 Linux 发行版中。 基本语法 的基本语法rsync非常简单,其操作方式类似于 ssh、scp 和 cp。 我们将使用以下命令创建两个测试目录和一些测试文件: cd ~ mkdir dir1 mkdir dir2 touch dir1/file{1..100} 我们现在有一个名为的目录,dir1其中包含 100 个空文件。 ls dir1 Outputfile1 file18 file27 file36 file45 file54 file63 file72 file81 file90 file10 file19 file28 file37 file46 file55 file64 file73 file82 file91 file100 file2 file29 ..
Java 是一种并发的、基于类的、面向对象的编程语言,旨在以尽可能少的实现依赖来运行。 Java 旨在遵循一次编写,随处运行的开发理念,这意味着任何已编译的 Java 代码都可以在任何支持 Java 的平台上运行,而无需重新编译它。开发人员使用 Java 是因为其强大的程序员社区、相对稳定性和普遍性。 如需更多与 Java 相关的教育资源,请访问我们的Java �..
介绍 今天,我们中的许多人都熟悉具有图形用户界面(也称为 GUI)的计算机(台式机和笔记本电脑)、智能手机和平板电脑,它们允许我们浏览应用程序、网络和我们的文件(如文档和照片)通过视觉体验。Windows、macOS 和 Linux 操作系统各自提供各种桌面环境(例如,带有文件夹和文件的图像)和下拉菜单,所有这些都提供对计算机程序、应用程序和我们自己的媒体的访问。 尽管 GUI 可以是许多用户使用计算机的直观方式,但它们通常无法为我们提供对机器的最大控制权,并且它们可能会阻止我们对计算机进行完全管理访问,包括安装、修改或删除软件或文件。此外,由于 GUI 主要是可视化的,它们通常不像所有用户那样易于访问。 在没有 GUI 的情况下导航您自己的个人计算机和远程云服务器的一种方法是通过基于文本的终端或命令行界面 (CLI)。您可以通过单击Launch an Interactive Terminal!下面的蓝色按钮在浏览器中启动一个: 启动互动终端! 终端界面几乎存在于每个计算机操作系统上,终端模拟器也可用作平板电脑和智能手机的应用程序。终端通过增加管理员访问权限、更强大的环境定制能力以及自动化流程的机会,为用户提供对他们机器的更大整体访问。它们还为用户提供访问远程计算机(例如云服务器)的能力。 本教程将为不熟悉终端环境的用户提供通过浏览器中的嵌入式 Web 终端使用命令行界面的基础知识,您可以在下面启动。如果您已经对终端有一定的了解,您可能更喜欢阅读我们的 Linux 终端简介教程。完成本教程后,您应该了解如何在 Linux(或 macOS)计算机或服务器上使用终端。 了解终端窗口 当您第一次使用新的计算机或智能手机时,您可能希望打开它并通过检查可用的应用程序来了解如何使用它,并了解设备的位置以便您可以自定义设备以适应您的需求。您可以通过类似的方式通过终端熟悉计算机。 您在此浏览器窗口中启动的交互式终端,通过单击Launch an Interactive Terminal!上面的按钮,在您的浏览器窗口底部显示一个白色矩形: 如果您尚未启动终端,请使用本教程开头的按钮启动。 在您的交互式浏览器终端中,应该有一个美元符号$和一个闪烁的光标。这是您将开始键入命令以告诉终端要做什么的地方。 您启动的终端是 Ubuntu 20.04 终端。Ubuntu 是 Linux 的流行发行版,它最初是基于 Unix 操作系统的。macOS 操作系统也是基于 Unix 的。如果您在 Linux 或 macOS 机器上阅读本教程,您的操作系统上应该有一个终端,其工作方式与我们将在本指南中使用的嵌入式终端类似。 在许多这些 Unix(或 *nix-based)操作系统中,提示符末尾的符号可能是一个$符号或一个#符号,其含义如下: $ ..
介绍 当谈到 CSS 中的单位时,我们有很多不错的选择。在当今响应式设计的世界中,像em或rem单位这样的相对单位为我们提供了开箱即用的适应性和灵活性,允许大小基于标记中定义的更高的字体大小。 您现在可能已经使用em和rem单位一段时间了,但您可能想知道两者之间的确切区别以及哪个单位更适合您的用例。让我们尽可能简短地分解它。 总结: 字体大小属性的em单位将相对于父元素的字体大小。除了 font-size 之外的其他属性上的em单位将与当前元素的 font-size 相关。rem单位大小总是相对于根html元素的字体大小。 em 单位 EM从借用排版世界,并且它是一个单元,其允许设置字体大小相对于所述元件的字体大小其父。 让我们以这个简单的例子为例: .parent { font-size: 18px; } .child { font-size: 1.5em; } 在这个例子中,孩子的字体大小为27px (1.5 * 18px = 27px)。 如果父元素没有为font-size指定值,则将在 DOM 树中查找更高的值。如果一直到根元素 ( )都没有指定字体大小<html>,则使用浏览器默认值16px。 非常简单直接,对吗?em单位不仅可以用于设置字体大小,而且它们几乎可以用于任何需要单位的地方(填充、边距、宽度、高度、最大宽度……你懂的!)当em单位用于除font-size之外的其他属性,该值相对于元素自己的font-size。 让我们添加到我们的示例中: .parent { font-size: 18px; } .child { font-size: 1.5em; padding: 2em 1em; } 顶部和底部的填充.child将为54px。这是我们当前元素字体大小 ( 2 * ..
作为Write for DOnations计划的一部分,作者选择了“编码女孩”来接受捐赠。 介绍 一个二进制大对象(BLOB)是一个MySQL的,可以存储二进制数据,如图像,多媒体,和PDF文件的数据类型。 在创建需要紧密耦合的数据库且图像应与相关数据(例如,员工门户、学生数据库或财务应用程序)同步的应用程序时,您可能会发现存储学生护照等图像很方便MySQL 数据库中的照片和签名以及其他相关信息。 这就是 MySQLBLOB数据类型的用武之地。这种编程方法无需创建单独的文件系统来存储图像。该方案还集中了数据库,使其更加便携和安全,因为数据与文件系统隔离。创建备份也更加无缝,因为您可以创建一个包含所有数据的MySQL 转储文件。 检索数据更快,并且在创建记录时,您可以确保数据验证规则和参照完整性得到维护,尤其是在使用MySQL 事务时。 在本教程中,您将使用 MySQLBLOB数据类型在 Ubuntu 18.04 上使用PHP存储图像。 先决条件 要遵循本指南,您将需要以下内容: 使用带有 Ubuntu 18.04的初始服务器设置和具有sudo特权的非 root 用户配置的 Ubuntu 18.04 服务器。 按照如何在 Ubuntu 18.04 上安装 Linux、Apache、MySQL、PHP (LAMP) 堆栈的指南设置 Apache、MySQL 和 PHP 。对于本教程,不需要创建虚拟主机,因此您可以跳过步骤 4。 步骤 1 — 创建数据库 您将首先为您的项目创建一个示例数据库。为此,请通过 SSH 连接到您的服务器,然后运行以下命令以 root 用户身份登录到您的 MySQL 服务器: sudo mysql -u root -p ..
介绍 事件总线/发布-订阅模式是一种让应用程序的不相关部分相互通信的方式。 Vue 组件中使用的事件系统可用于事件总线/发布订阅模式。 注意:本教程专门针对 Vue 2。在 Vue 3 中,$on、$off、 和$once已被删除。建议使用提供此功能的外部库。 在本文中,您将应用 Vue 强大的内置事件总线。 先决条件 要完成本教程,您需要: Node.js 安装在本地,您可以按照如何安装 Node.js 和创建本地开发环境来完成。 熟悉设置 Vue.js 项目和使用 Vue.js 组件可能会有所帮助。 本教程已通过 Node v15.3.0、npmv6.14.9 和vuev2.6.11 验证。 第 1 步 – 设置项目 出于本教程的目的,您将从使用@vue/cli. npx @vue/cli create vue-event-bus-example –default 这将使用默认配置配置一个新的 Vue 项目:Vue 2, babel, eslint。 导航到新创建的项目目录: cd vue-event-bus-example 您需要创建事件总线并将其导出到某个地方,以便其他模块和组件可以使用它。首先,创建一个新文件。导入 Vue 库。然后,导出它的一个实例。 源代码/事件总线.js import ..
介绍 您可以使用该<datalist>元素为您的文本输入提供一点提升。这是一个有点像的融合<input>和<select>。本文将概述如何使用它。 先决条件 HTML5 的一般知识。要全面了解 HTML5 标记语言,请浏览我们的系列“如何用 HTML 构建网站”。 使用<datalist>元素 这是<datalist>在 HTML5 标记中使用该元素的方式: <label for=”favorite-band”>Your favorite band?</label> <input list=”fish” name=”fish-choice” id=”fish-choice>” /> <datalist id=”fish”> <option value=”Shark”> <option value=”Tuna”> <option value=”Ulua”> </datalist> 结论 该<datalist>元素是HTML的一个非常有用的功能。 要更全面地了解 HTML5 标记语言,请浏览我们的系列,如何用 HTML 构�..
介绍 Jupyter Notebook是一个开源 Web 应用程序,可让您创建和共享交互式代码、可视化等。该工具可用于多种编程语言,包括 Python、Julia、R、Haskell 和 Ruby。它通常用于处理数据、统计建模和机器学习。 Jupyter Notebooks(或简称“Notebooks”)是由 Jupyter Notebook 应用程序生成的文档,其中包含计算机代码和富文本元素(段落、方程、数字、链接等),有助于呈现和共享可重复的研究。因此,它们可以成为用于数据驱动或基于编程的演示或作为教学工具的绝佳工具。 本教程将引导您设置 Jupyter Notebook 以从 Ubuntu 20.04 服务器运行,并演示如何通过隧道从本地计算机连接和使用 Notebook。在本指南结束时,您将能够使用在远程服务器上运行的 Jupyter Notebook 运行 Python 3 代码。 先决条件 为了完成本指南,您应该拥有一个带有基本防火墙的全新 Ubuntu 20.04 服务器实例和一个配置了 sudo 权限的非 root 用户。您可以通过运行我们的初始服务器设置教程来了解如何进行设置。 第 1 步 – 设置 Python 首先,我们将从 Ubuntu 存储库安装 Python 编程环境所需的依赖项。Ubuntu 20.04 预装了 Python 3。稍后我们将使用 Python 包管理器 pip 安装其他组件。 ..
介绍 Chart.js是一个流行的 JavaScript 图表库,ng2-charts是 Angular 2+ 的包装器,用于将 Chart.js 集成到 Angular 中。 在本教程中,您将使用 Chart.js 并ng2-charts在 Angular 应用程序中创建示例图表。 先决条件 要完成本教程,您需要: Node.js 安装在本地,您可以按照如何安装 Node.js 和创建本地开发环境来完成。 熟悉设置 Angular 项目和使用 Angular 组件可能会有所帮助。 本教程已通过 Node v14.13.1、npmv6.14.8、angularv10.1.6、chart.jsv2.9.4 和v2.4.2验证ng2-charts。 步骤 1 — 设置项目 您可以使用它@angular/cli来创建一个新的 Angular 项目。 在终端窗口中,使用以下命令: npx @angular/cli new angular-chartjs-example –style=css –routing=false –skip-tests 这将配置一个新的 Angular 项目,其样式设置为“CSS”(与“Sass”、Less 或“Stylus”相反),没有路由,并跳过测试。 导航到新创建的项目目录: cd angular-chartjs-example 从您的项目文件夹中,运行以下命令进行安装chart.js: npm ..