介绍 在 PHP 中处理日期和时间可能很复杂。我们必须处理strtotime、格式问题、大量计算等等。 将碳包可以帮助交易日期和时间在PHP更容易和更语义，使我们的代码变得更具可读性和可维护性。 Carbon 是Brian Nesbit 的一个包，它扩展了 PHP 自己的DateTime类。 它提供了一些很好的功能来处理 PHP 中的日期。具体如： 处理时区。 轻松获取当前时间。 将日期时间转换为可读的内容。 将英语短语解析为日期时间 ( “first day of January 2016”)。 添加和减去日期 ( “+ 2 weeks”, “-6 months”)。 处理日期的语义方式。 在本文中，您将安装 Carbon 并探索它提供的特性和功能。 先决条件 要遵循本指南，您需要满足以下先决条件： 一个有效的 Laravel 开发环境。要进行设置，您可以按照我们关于如何在 Ubuntu 20.04 上安装和配置 Laravel 应用程序的指南进行操作。 或者，按照Larvel 安装文档。如果您选择 Laravel Sail 方法，您将需要 Docker。 本教程已通过 PHP v8.0.5、Composer v2.0.13、MySQL ..
Category : 教程系列
介绍 WordPress是世界上最受欢迎的内容管理和博客平台之一，可让您高效地创建和管理网站内容。 本教程将分享使用WordPress 一键式应用程序设置 WordPress 网站所需的所有详细信息。 包含的软件 除了安装在常规 Ubuntu 20.04 Droplet 中的功能外，WordPress 一键式图像还包括以下组件： Apache：使用最广泛的 Web (HTTP) 服务器。 MySQL：一种常用的开源关系数据库。 PHP : PHP 语言支持。 这些组件创建了LAMP 堆栈，这是一组通常安装在一起的开源软件，以使服务器能够托管 WordPress 等动态网站。术语LAMP是一个表示的结构的首字母缩写大号inux下操作系统与甲帕什Web服务器，与存储在网站上的数据中号ySQL数据库和通过处理的动态内容P HP。 为了提高安全性，还包括以下附加组件： UFW：简化防火墙管理的程序。 fail2ban：一种自动更新防火墙配置以阻止攻击者的服务。 在本教程中，我们将创建一个 WordPress 一键式 Droplet，然后解释如何设置您的 WordPress 站点、配置域以及共享有关如何访问 MySQL 数据库的信息。 第 1 步 – 创建一个 WordPress Droplet 要从一键式应用程序页面创建 WordPress Droplet，请按创建 WordPress Droplet按钮： 这会将您带到“创建 Droplet”页面，您可以在其中自定义设置，然后再创建 WordPress Droplet。如何创建您的第一个 Droplet详细描述了每个选择。下面，我们将重点介绍关键设置： ..
结构化查询语言（通常称为 SQL）是一种用于定义、控制、操作和查询关系数据库中保存的数据的语言。自 1970 年代初首次开发以来，SQL 已被广泛采用，如今它已成为用于与关系数据库管理系统交互的主要语言。SQL 非常适合管理结构化数据，这些数据可以巧妙地融入现有数据模型。学习如何使用 SQL 是开发人员和系统管理员在各种环境中的一项基本技能。 SQL 标准由两个组织定义：美国国家标准协会 (ANSI) 和国际标准化组织 (ISO)。但是，关系数据库管理系统通常会实现自己的自定义 SQL 子集，并且这些系统很少完全符合 SQL 标准。通常，这些独特的实现包括特殊功能 — 称为 SQL 扩展 — 未包含在标准中，但为用户提供了其他 SQL 实现中可能不可用的有用功能。 有关 SQL 的更多教育资源，请访问： 如何使用 SQL 了解关系数据库 SQLite vs MySQL vs PostgreSQL：关系数据库管理系统的比较 可以在我们的SQL 标记页面上找到我们关于 SQL 的教育资源的完�..
React 中的样式有各种形状和大小。开箱即用，您可以通过className属性分配类或通过将对象传递给属性来分配 CSSstyle属性。虽然在大多数情况下足够了，但它们并非没有缺点。使classNames动态化需要定义额外的类，并且styles，虽然允许动态属性，但仍然需要样板代码，并且不允许您深入研究像:hover. 这就是 Fela 可以帮助您的地方！ Fela是一个与框架无关的库，用于处理 JavaScript 中的状态驱动样式。它具有很高的性能，并且在使用方式方面为您提供了一定的灵活性。虽然您可以单独使用 Fela，但react-fela可用于为您的 React.js 应用程序提供 React 绑定。 入门 首先，我们需要添加react-fela到我们的项目中： 通过 npm $ npm install –save react-fela 或通过纱线 $ yarn add react-fela 对于本文，我们将直接使用fela库中的一些方法。不过别担心，react-fela包括这个依赖项，所以我们应该很高兴。 渲染器 正如承诺的那样，fela我们需要使用库的一部分，即createRenderer. 该createRenderer方法用于创建一个渲染器，该渲染器将传递一个Provider组件，该组件将包装利用 Fela 的组件。 以下所有示例都将包含我们实现奇迹所需的样板代码。 使用生成的 CSS 类 最不复杂的 Fela 示例并不理想，但确实具有最少的样板代码。 Fela 的工作方式是接受您的样式，使用原子类生成适当的 CSS，并允许您获取可以传递给任何组件classNames属性的 CSS 类： import React from “react”; import { render } from ..
介绍 到containerize一个应用程序指的是适配的应用及其组件，以便能够在被称为轻量的环境中运行它的过程容器。此类环境是隔离的和一次性的，可用于开发、测试和将应用程序部署到生产中。 在本指南中，我们将使用Docker Compose将Laravel应用程序容器化以进行开发。完成后，您将拥有一个运行在三个独立服务容器上的演示 Laravel 应用程序： 一个app运行 PHP7.4-FPM的服务； db运行 MySQL 5.7的服务； 一个nginx使用该服务app的服务服务于Laravel应用到最终用户之前解析PHP代码。 为了简化开发过程并促进应用程序调试，我们将使用共享卷保持应用程序文件同步。我们还将看到如何使用docker-compose exec命令在容器上运行Composer和Artisanapp。 先决条件 以具有 sudo 权限的非 root 用户身份访问 Ubuntu 20.04 本地计算机或开发服务器。如果您使用远程服务器，建议安装活动防火墙。要设置这些，请参阅我们的 Ubuntu 20.04 初始服务器设置指南。 按照如何在 Ubuntu 20.04 上安装和使用 Docker 的步骤 1 和 2 将 Docker 安装在您的服务器上。 按照如何在 Ubuntu 20.04 上安装和使用 Docker Compose 的步骤 1 在您的服务器上安装 Docker Compose。 步骤 1 — 获取演示应用程序 首先，我们将从其Github 存储库中获取演示 ..
white-space是一个 CSS 属性，可帮助控制如何处理元素文本中的空格和换行符。 在白色空间属性可以使用这些值： 正常：默认值。多个空格合并为一个。文本在需要时换行到下一行。 nowrap：多个空格合并为一个，但文本不会换行到下一行。我们已经讨论了如何使用 nowrap 值来防止换行。 pre：与使用<pre>相同的结果，其中所有空格将保持原样，并且文本仅在内容中有换行符时换行。 pre-line：多个空格合并为一个，文本在需要时换行或在内容中换行。 pre-wrap：类似于pre，但文本也会在需要时换行。 空白：正常 Medusafish 带状鳉鱼定罪 blenny 秋刀鱼线鲟。印度 mul mora cisco masu 三文鱼、公鸡鱼安魂曲鲨鱼长鼻刺刀鱼蓝鱼红鲷鱼萨克拉门托分裂尾巨型丹尼 空白：nowrap Medusafish 带状鳉鱼定罪 blenny 秋刀鱼线鲟。印度 mul mora cisco masu 三文鱼、公鸡鱼安魂曲鲨鱼长鼻刺刀鱼蓝鱼红鲷鱼萨克拉门托分裂尾巨型丹尼 空白：预 在这里，我手动包含了换行符和额外的空格。注意开头的额外换行符。那是因为在标记中，文本从<p>元素之后的行开始。 Medusafish 带状鳉鱼定罪 blenny 秋刀鱼线鲟。印度 mul mora cisco masu 三文鱼、公鸡鱼安魂曲鲨鱼长鼻柳叶刀鱼蓝鱼红色 鲷鱼萨克拉门托分裂尾巨型 danio。 前线 此处文本在需要时中断，但我也手动中断了最后几个单词。我包含了相同的额外空格，但它们现在已折叠。 Medusafish 带状鳉鱼定罪 blenny 秋刀鱼线鲟。印度 mul mora cisco masu 三文鱼、公鸡鱼安魂曲鲨鱼长鼻刺刀鱼蓝鱼红鲷鱼萨克拉门托分裂尾巨型丹尼 ..
该系列的一部分： 如何使用 HTML 构建网站 本教程系列将指导您使用 HTML（用于在 Web 浏览器中显示文档的标准标记语言）创建和进一步自定义该网站。不需要有任何编码经验，但如果您想重新创建演示网站，我们建议您从本系列的开头开始。 在本系列结束时，您应该有一个准备好部署到云的网站，并且基本熟悉 HTML。了解如何编写 HTML 将为学习其他前端 Web 开发技能（例如 CSS 和 JavaScript）奠定坚实的基础。 在构建网站时，您可能希望拥有多个网页。如果您想添加并链接到其他页面，您需要先html在您的网站项目目录中创建一个新文件。在本教程中，我们将学习如何在您的网站上创建并链接到其他网页 我们的演示网站包括一个“关于”网页。在本教程中，我们将引导您完成创建和链接到“关于”网页的过程，但您可以更改此页面的标题和内容以满足您的需要。 要将新页面添加到您的网站，请创建一个名为的新文件about.html并将其保存在您的项目目录中html-practice。（如果您还没有关注教程系列，您可以html在我们的教程设置您的 HTML 项目中查看设置新文件的说明。） 注意：如果您决定为文件选择自己的名称，请确保避免使用字符空格、特殊字符（例如 !、#、% 或其他）和大写字母，因为这些会在以后引起问题。您还必须包括.html扩展名。 接下来，您需要通过添加有助于浏览器解释文件内容的信息来格式化文件。要格式化文件，请在文档顶部添加以下代码片段： <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”utf-8″> <title>About</title> </head> </html> 确保使用您想要的页面标题更改突出显示的文本。有关每个 HTML 标记的说明，请访问本系列的早期教程向您的网页添加 HTML <head> 元素。在继续之前保存文件。 在向此页面添加任何内容之前，让我们先完成在主页上添加指向此页面的链接的步骤。 首先，返回到您的index.html文件并在您网站的副标题下方和结束</div>标记上方添加以下代码段： … <p style=”font-size: 20px; color:#1F9AFE;”> <a href=”Webpage_FilePath”>About this site</a> </p> … ..
介绍 Next.js (React) 和Nuxt.js (Vue) 有助于简化将应用视图渲染到服务器的过程。 您仍然需要一个解决方案，以适应开发的方式在 React 组件中渲染 CSS。您还需要一个在服务器上呈现 CSS 的解决方案，以便样式可用。 在本文中，我们将讨论渲染 CSS 的挑战，然后在 Next.js 项目中在服务器上使用styled-components和styled-jsx。 先决条件 要完成本教程，您需要： Node.js 的本地开发环境。遵循如何安装 Node.js 并创建本地开发环境。 本教程已通过 Node v16.2.0、npmv7.14.0、reactv17.0.2、react-domv17.0.2、nextv10.2.3 和styled-compnentsv5.3.0 验证。 理解 React 中的样式模式 在 React 中编写 CSS 的常用方法很少，它们都有效。根据您的情况，您可以通过以下方式之一将样式应用到 React 应用程序： 全局样式 全局样式是包含本地或内容交付网络 (CDN) 托管样式表的模式。 下面是一个例子： <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.css” /> 这是不太受欢迎的样式模式，因为它不鼓励组件重用。它也不鼓励样式组合。 这些 CSS 规则不直接作用于特定元素或组件。当组件以通过导入、嵌套或扩展未预料到的方式进行交互时，很可能会发生冲突。 但是，在某些情况下，您可以全局包含样式，例如字体包含和 CSS 重置和默认值。 内联样式 ..
作为Write for DOnations计划的一部分，作者选择了免费和开源基金来接受捐赠。 介绍 在本教程中，您将使用systemd配置 MySQL 在重启或崩溃后自动重启。 这是由两部分组成的系列的后半部分。第一部分涵盖了一般的 Linux 服务管理概念，如init守护进程和运行级别。它以 .NET 中的服务管理演示结束systemd。在这里，您将检查targets，wants，requires，和unit文件。这部分（第二部分）提供了一个使用MySQL 数据库的实际示例。 注意：您也可以考虑阅读我们非常流行的使用systemctl来控制 systemd 服务和单元的教程。 先决条件 要完成本教程，您需要： 运行 CentOS 8 的服务器，包括具有 sudo 权限的非 root 用户。要设置所有这些，包括防火墙，您可以创建一个运行 CentOS 8 的 DigitalOcean Droplet，然后按照我们的初始服务器设置指南进行操作。 已安装 MySQL。有关详细说明，请遵循我们的教程，如何在 CentOS 8 上安装 MySQL。 配置 MySQL 在启动后自动启动使用 systemd 安装 MySQL 后，检查服务的状态： sudo systemctl status mysqld.service 输出应显示服务正在运行，但守护进程已禁用： Output mysqld.service – MySQL 8.0 database ..
介绍 页面过渡效果为应用程序的用户体验提供了视觉美感。JavaScript 可以检测文档对象模型何时加载，并用于添加或删除应用 CSS 过渡以创建“淡入”效果的类。 在本文中，您将了解如何使用 JavaScript 和 CSS 淡入您的页面。 先决条件 要完成本教程，您将需要以下内容： classList建议了解对象，但不是必需的。要了解有关该classList对象的更多信息，请查看我们的如何在 JavaScript 中修改 CSS 类教程。 步骤 1 — 使用 CSSopacity和transition 首先，您需要为页面何时打开和页面淡入创建 CSS 规则。此效果将依赖于opacity和transition属性。通过添加和删除元素fade上的类body，您可以使不透明度从 转换0为1： 索引.html <head> <style> body { opacity: 1; transition-duration: 0.7s; transition-property: opacity; } body.fade { opacity: 0; } </style> </head> 您将编写的淡入代码将快速将fade类应用于body元素并将其设置为没有不透明度 ( 0)。加载页面后，您将从元素中删除fade该类，body并1在0.7几秒钟内将其设置为完全不透明度 ( ) 。 第 2 步 – ..