介绍 页面过渡效果为应用程序的用户体验提供了视觉美感。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 步 – ..
Category : 教程系列
下载完整的电子书! 如何在EPUB 格式的Node.js电子书中编码 如何在PDF 格式的Node.js电子书中 编码 电子书简介 Node.js是一种流行的开源运行时环境,可以在浏览器之外执行 JavaScript。Node 运行时通常用于后端 Web 开发,利用其异步功能来创建网络应用程序和 Web 服务器。Node 也是构建命令行工具的流行选择。 在本书中,您将通过练习来学习如何在 Node.js 中编写代码的基础知识,在此过程中获得同样适用于后端和全栈开发的技能。 到本书结束时,您将能够编写利用 Node 的异步代码执行功能的程序,以及响应用户操作的事件发射器和侦听器。在此过程中,您将学习如何使用内置调试实用程序以及 Chrome 浏览器的 DevTools 实用程序调试 Node 应用程序。您还将 学习如何为您的程序编写自动化测试,以确保您添加或更改的任何功能都按您的预期运行。 下载电子书 您可以通过以下链接下载 EPUB 或 PDF 格式的电子书。 下载完整的电子书! 如何在EPUB 格式的Node.js电子书中编码 如何在PDF 格式的Node.js电子书中 编码 读完本书后,如果您想了解有关如何使用 Node.js 构建工具和应用程序的更多信息,请访问 DigitalOcean 社区的Node.js..
作者选择Dev Color接受捐赠,作为Write for DOnations计划的一部分。 用于动物分类的神经网络会被愚弄吗?愚弄动物分类器可能不会有什么后果,但如果我们的面部验证器可以被愚弄怎么办?或者我们的自动驾驶汽车原型的软件?幸运的是,在我们的移动设备或汽车上,大量工程师和研究人员站在原型计算机视觉模型和生产质量模型之间。尽管如此,这些风险仍然具有重大意义,作为机器学习从业者考虑是很重要的。 在本教程中,您将尝试“愚弄”或欺骗动物分类器。在学习本教程时,您将使用OpenCV一个计算机视觉库和PyTorch一个深度学习库。您将在对抗性机器学习的相关领域中涵盖以下主题: 创建一个有针对性的对抗示例。选择一张图片,比如一只狗。选择一个目标类,比如一只猫。你的目标是让神经网络相信图中的狗是一只猫。 创建对抗性防御。简而言之,在不知道技巧是什么的情况下,保护您的神经网络免受这些棘手的图像的影响。 在本教程结束时,您将拥有一个欺骗神经网络的工具,并了解如何防御欺骗。 先决条件 要完成本教程,您将需要以下内容: 具有至少 1GB RAM 的 Python 3 本地开发环境。您可以按照如何为 Python 3 安装和设置本地编程环境来配置您需要的一切。 建议您查看Build an Emotion-Based Dog Filter;本教程没有明确使用,但介绍了分类的概念。 第 1 步 – 创建您的项目并安装依赖项 让我们为此项目创建一个工作区并安装您需要的依赖项。您将调用您的工作区AdversarialML: mkdir ~/AdversarialML 导航到AdversarialML目录: cd ~/AdversarialML 创建一个目录来保存您的所有资产: mkdir ~/AdversarialML/assets 然后为项目创建一个新的虚拟环境: python3 -m venv adversarialml 激活您的环境: source adversarialml/bin/activate 然后安装PyTorch,这是您将在本教程中使用的 Python 深度学习框架。 在 macOS 上,使用以下命令安装 Pytorch: ..
介绍 事件限制和去抖动是指提高性能和潜在降低网络开销的两种方法。 虽然 Vue.js 1 曾经对去抖动事件有本机支持,但它在 Vue.js 2 中被删除了。 因此,在 Vue.js 2 中限制和消除事件的常用方法是通过第三方库,如lodash。 在本教程中,您将应用lodash.throttle和lodash.debounce到 Vue.js 2 应用程序。 先决条件 如果你想跟随这篇文章,你需要: Node.js 安装在本地,您可以按照如何安装 Node.js 和创建本地开发环境来完成。 熟悉去抖动和节流。 熟悉Vue会有所帮助,但不是必需的。 熟悉Lodash会有所帮助,但不是必需的。 本教程已通过 Node v15.8.0、npmv7.5.4、vuev2.6.11 和lodashv4.17.20 验证。 设置项目 为了快速设置项目,本文将推荐使用@vue/cli. 注意:本文将采取使用的方式npx来避免全局安装@vue/cli; npx @vue/cli create vue-lodash-example 选择预设(Default ([Vue 2] babel, eslint))和包管理器(npm)后,导航到新创建的项目目录; cd vue-lodash-example 现在,您需要lodash使用以下命令添加到项目中: npm install lodash 注意:如果不需要全部导入lodash,自定义webpack可以将库的大小减少到使用的函数。也可以分别导入和 之类的lodash包中的部分。lodash.throttlelodash.debounce 接下来,使用您的代码编辑器UnmodifiedComponent.vue在components目录中创建一个新文件: src/components/UnmodifiedComponent.vue <template> <div> ..
软件即服务 (SaaS) 是一种云计算,其中软件作为产品通过互联网提供。使用 SaaS,用户可以访问第三方供应商提供的软件,但他们不负责该软件的生产、维护或修改。SaaS 将软件应用程序的底层基础设施抽象出来,以便用户只接触他们与之交互的界面。 SaaS 产品的示例包括 GitHub、Google Docs、Slack 和 Adobe Creative Cloud。SaaS 应用程序在企业和普通用户中很受欢迎,因为它们通常易于采用、可从任何设备访问,并提供其应用程序的免费、高级和企业版本。 有关 SaaS 的更多教育资源,请访问: 云计算概论 云课程简介 云托管简介 可以在我们的云计算页面上找到我们关于云计算的教育资源的完�..
下载完整的电子书! 如何在EPUB 格式的Go电子书中编码 如何在PDF 格式的Go电子书中 编码 电子书简介 本书旨在向您介绍使用 Go 编程语言编写程序。您将学习如何编写可在远程服务器或本地 Windows、macOS 和 Linux 系统上运行以进行开发的有用工具和应用程序。 本书基于DigitalOcean Community上的How To Code in Go教程系列。它涵盖的主题包括如何: 在 Windows、macOS 和 Linux 系统上安装和设置本地 Go 开发环境 使用条件逻辑设计您的程序,包括用于控制程序流程的 switch 语句 定义您自己的数据结构并为它们创建可重用代码的接口 编写自定义错误处理函数 构建和安装 Go 程序,以便它们可以在不同的操作系统和不同的 CPU 架构上运行 使用标志将参数传递给您的程序,以覆盖默认选项 每一章都可以单独阅读或用作参考,也可以从头到尾跟随章节。在使用本书学习 Go 时,可以随意跳到最适合您目的的一章或多章。 下载电子书 您可以通过以下链接下载 EPUB 或 PDF 格式的电子书。 下载完整的电子书! 如何在EPUB 格式的Go电子书中编码 如何在PDF 格式的Go电子书中 编码 读完本书后,如果您想了解有关如何使用 Go ..
作者选择了技术多样性基金来接受捐赠,作为Write for DOnations计划的一部分。 介绍 编写 CSS 选择器通常涉及设置条件并在HTML中定位满足该条件的元素为真。您可以使用元素选择器广泛地执行此操作以选择高级标签,但要获得对所选元素的更多控制,您可以在 HTML 中创建特定标识符并将其应用到 CSS 中。 在本教程中,您将使用id,class以及属性选择器范围风格故意写HTML。您将首先创建将在整个教程中编辑的 HTML 和 CSS 文件。然后,您将添加id属性并使用这些id值来定位样式。您还将class向元素添加属性,并独立地和一起使用这些类值来创建更具体和可重用的样式。最后,您将使用属性选择器来创建与单独使用idorclass选择器无法完成的特定场景相匹配的样式。 先决条件 了解 CSS 的级联和特异性功能,您可以通过阅读如何使用级联和特异性将 CSS 样式应用到 HTML 中获得。 类型选择器、组合器选择器和选择器组的知识,您可以在如何选择 HTML 元素以使用 CSS 设置样式中找到这些知识。 保存在本地计算机上的空 HTML 文件index.html,您可以从文本编辑器和选择的 Web 浏览器访问该文件。要开始使用,请查看我们的如何设置 HTML 项目教程,并按照如何使用和理解 HTML 元素获取有关如何在浏览器中查看 HTML 的说明。如果您不熟悉 HTML,请尝试整个如何在 HTML 中构建网站系列。 设置基本 HTML 和 CSS 要开始使用id、class和 属性选择器,您将首先设置将在本教程的其余部分中使用的 HTML 和 CSS 代码。在本节中,您将写出所有必要的 HTML 和一些初始 ..
介绍 该sed流编辑器是一个功能强大的编辑工具,可以使用很少的投入巨大变化。在上一篇文章中sed,您探索了使用 sed 编辑文本的基础知识。 本文将通过检查一些更高级的主题来继续介绍。 注意:本教程使用sed在 Ubuntu 和其他 Linux 操作系统上找到的 GNU 版本。如果您使用的是 macOS,您将拥有具有不同选项和参数的 BSD 版本。您可以安装的GNU版本,sed与家酿使用brew install gnu-sed。 启动互动终端! 要完成本教程,您需要一些文件进行操作,您应该从第一个教程中获得这些文件。如果您没有它们,可以使用以下命令重新创建它们: cd cp /usr/share/common-licenses/BSD . echo “this is the song that never ends yes, it goes on and on, my friend some people started singing it not knowing what it was and they’ll continue singing it forever ..
作者选择International Medical Corps接受捐赠,作为Write for DOnations计划的一部分。 介绍 持续集成/持续部署 (CI/CD)是一种开发实践,它允许软件团队在多个平台上更轻松、更快速地构建、测试和部署应用程序。CircleCI是一个流行的自动化平台,允许您为您的项目构建和维护 CI/CD 工作流。 持续部署在很多方面都是有益的。它有助于标准化应用程序的部署步骤并保护它免受未记录的更改的影响。它还有助于避免执行重复步骤,让您更专注于开发。使用 CircleCI,您可以在开发、测试和生产的所有不同部署过程中拥有单一视图。 在本教程中,您将在本地构建一个Node.js应用程序并将其推送到GitHub。之后,您将配置 CircleCI 以连接到运行Ubuntu 18.04的虚拟专用服务器 (VPS),您将完成设置代码以在 VPS 上自动部署的步骤。到本文结束时,您将拥有一个有效的 CI/CD 管道,CircleCI 将在其中挑选您从本地环境推送到 GitHub 存储库的任何代码,并将其部署到您的 VPS 上。 先决条件 在开始之前,您需要具备以下条件: 一个 GitHub 帐户,您可以在GitHub 网站上创建。 按照 Ubuntu 18.04初始服务器设置教程设置一台 Ubuntu 18.04 服务器,包括 sudo 非 root 用户和防火墙。 CircleCI 帐户,您可以在CircleCI 网站上创建。 了解git 版本控制的基础知识会很有帮助。您可以使用How To Create a Pull Request on GitHub和Introduction to ..
本教程的先前版本由Justin Ellingwood编写 介绍 Redis是一种内存键值存储,以其灵活性、性能和广泛的语言支持而闻名。本教程演示了如何在 Ubuntu 20.04 服务器上安装、配置和保护 Redis。 先决条件 要完成本指南,您需要访问 Ubuntu 20.04 服务器,该服务器具有具有sudo特权的非 root 用户和配置为ufw. 您可以按照我们的 Ubuntu 20.04 初始服务器设置指南进行设置。 第 1 步 – 安装和配置 Redis 我们将使用 APT 包管理器从官方 Ubuntu 存储库安装 redis。在撰写本文时,默认存储库中可用的版本是5.0.7。 首先更新您的本地apt包缓存: sudo apt update 然后输入以下命令安装Redis: sudo apt install redis-server 这将下载并安装 Redis 及其依赖项。在此之后,Redis 配置文件需要进行一项重要的配置更改,该文件是在安装过程中自动生成的。 使用您喜欢的文本编辑器打开此文件: sudo nano /etc/redis/redis.conf 在文件中,找到supervised指令。该指令允许您声明一个 init 系统来将 Redis 作为服务进行管理,从而为您提供对其操作的更多控制。该supervised指令no默认设置为。由于您正在运行使用systemd init 系统的Ubuntu,请将其更改为systemd: ..