我们介绍了使用 Web 组件规范创建自定义元素的基础知识，但最后我们暗示我们的简单自定义元素尚未投入生产，因为使用了新的 JavaScript 特性，而且自定义元素和Shadow DOM尚未得到所有流行浏览器的支持。 在这篇文章中，我们将快速介绍转换自定义元素代码以与 ES5 兼容并包含必要的 Web 组件 polyfill 的步骤。 转译 您的自定义元素代码将包含 ES6 类，并且可能还包含字符串文字和箭头函数。这些功能在编写时非常有用，但必须使用Babel等工具对代码进行转译，以便它可以在仅理解 ES5 代码的浏览器中运行。我们将继续使用babel-cli和babel-preset-es2015预设就是这样做的。 如果你的项目没有包名.json文件尚未创建，继续使用 npm 或Yarn创建一个。这将允许您安装必要的软件包。： $ npm init # or,…

使用Shadow DOM，我们可以创建 Web 组件，这些组件是组件内部和自定义元素用户在创作时提供的元素的组合。这与使用以下任一方法类似：选项或者选择组原生元素选择元素。这种组合是通过一种称为插槽这里我们将介绍如何在自定义元素中使用插槽和命名插槽来实现有趣的组合。 您的第一个有槽内容 允许自定义元素的用户添加自己的标记和元素作为元素的一部分，就像使用投币口组件模板中的元素。 下面是一个哑自定义元素的示例，它仅充当使用该元素时添加的内容的样式外壳： 我的信息框.js (function() { const template = document.createElement('template'); template.innerHTML = ` <style> :host { display: block; contain: content; te…

创建复杂的可观察管道固然很好，但如何有效地处理其中的错误呢？让我们在这里回顾一下抓住，最后，重试和重试时间操作符。 观察者的错误回调 最基本的是，观察者使用错误回调来接收可观察流中任何未处理的错误。例如，这里我们的可观察对象失败，错误消息打印到控制台： const obs$ = Rx.Observable .interval(500) .map(value => { if (value > 3) { throw new Error('too high!'); } else { return value; } }); obs$.subscribe(value => { console.log(value); }, err => { console.error('Oops:', err.message); }, () => { console.log(`We're d…

假设您是第一次探索 Linux 命令行或进入 Linux 管理。在这种情况下，了解如何使用终端并完成基本任务的底层理解至关重要。为了帮助您掌握这些概念，请查看我之前的两篇文章： 10 个让你在终端上入门的命令 另外 10 个用于操作文件的命令 但是，如果您对这些概念感到满意，我们将在本文中进一步提高您的 Linux 知识。我们将研究进程及其管理方法。 那么，进程到底是什么？ 在 Linux 中，进程是程序的任何活动（正在运行）实例。但什么是程序？好吧，从技术上讲，程序是存储在机器上的可执行文件。每次运行程序时，您都会创建一个进程。从根本上讲，这很容易管理，这就是我们今天要研究的内容。 入门所需 我建议你在你最喜欢的虚拟机上继续操作。这样，你可以尝试并失败而不会产生任何后果（这绝对是熟悉终端的最佳方式）。 在本演示中，我将启动睡眠过程 500 秒。这种方…

我清楚地记得我第一次接触 Linux 的情景。当时我是一名技术培训师。我的经验、课程和认证都围绕着 Mac OS X 和 Windows Server。公司老板给整个培训部门发了一封电子邮件，要求有人开始研究 Linux。我是唯一站出来的培训师。几周后，我试图在教室后面的一台电脑上安装一个 Linux 发行版。那时候，如果显示器的垂直刷新率设置错误，就会出现“烟雾错误”等。我尝试了好几次才完成安装，但最终，机器启动了，我用我的名字和密码登录，bash 提示符闪现在我面前。 我不知道任何命令。 有时，Linux 新手只需要几件事就可以开始使用。我们都必须学习基本命令，例如、、、、ls等等。但是，下一步是了解那些会对您的系统管理员生活产生实际影响的命令。我在下面收集了我最喜欢的几个命令。其中大多数都是非常基本的命令，但有效地使用它们ifconf…

您可能知道使用上下箭头键滚动浏览 Bash 历史记录，但您是否知道 Bash 历史记录不仅仅是重复命令？故事远不止这些。或者，历史应该远不止这些吗？无论如何，history 命令是那些功能强大且至少在基本层面上值得了解的晦涩命令之一。本文将揭开 Bash 历史记录的神秘面纱，使其成为一个更友好的系统管理工具。 背景 在 Bash 中，命令历史记录存储在.bash_history主目录中的文件 ( ) 中。前导 (.) 使文件在正常视图中隐藏。要查看它，请发出命令ls -a。 $ ls -a . .. .bash_history .bash_logout .bash_profile .bashrc 您可以像操作任何其他纯 ASCII 文本文件一样操作 .bash_history 文件。 您需要了解的三个相关环境变量是 HISTFILE、HISTFILESIZE 和 HISTSIZE…

我是 Unix / Linux 新用户，我想打印 $PATH 变量的当前值。如何从 shell 提示符中读取 $PATH？ 要读取或打印任何 shell 变量值，请使用包含 $PATH 变量的 echo 命令或 printf 命令。 table.tutorialrequirements { width: 100%; height: 100%; font-size: 15px; } table.tutorialrequirements td, table.tutorialrequirements th { padding: 5px 5px; } table.tutorialrequirements tr:nth-child(even) { background: #f7f7f7; } table.tutorialrequirements thead { background: #f7f7f7; } table…

你能告诉我如何编写 UNIX korn shell 脚本程序吗？我对 UNIX 脚本和 HP-UX UNIX 操作系统还不熟悉。 UNIX/Linux 下的 Korn shell 脚本可用于自动执行许多操作。编写 shell 脚本很容易。您必须知道如何使用文本编辑器（如 vi）来编写脚本。 编写你的第一个 Korn shell 脚本 让我们编写一个 shell 程序来在屏幕上打印 knowledge is power。键入以下命令来打开文件： vi hello.ksh 第一行应如下所示： #!/bin/ksh 它被称为 shebang。它由一个数字符号和一个感叹号 (#!) 组成，后面跟着解释器的完整路径，例如 /bin/ksh。UNIX 下的所有脚本都使用第一行指定的解释器执行。 接下来附加代码如下： # A shell script to print message # Written by Tom - J…

问：如何对文本文件的每一行进行编号？如何编写 shell 脚本来显示添加了行号的文本文件？ 答：您不必编写 shell 脚本来向文本文件或代码示例添加数字。您可以使用 nl 命令将每个文件写入屏幕并添加行号。 nl 命令示例 输入以下命令： $ nl /etc/passwd 示例输出： 1 root:x:0:0:root:/root:/bin/bash 2 daemon:x:1:1:daemon:/usr/sbin:/bin/sh 3 bin:x:2:2:bin:/bin:/bin/sh 4 sys:x:3:3:sys:/dev:/bin/sh 5 sync:x:4:65534:sync:/bin:/bin/sync 6 games:x:5:60:games:/usr/games:/bin/sh 7 man:x:6:12:man:/var/cache/man:/bi…

问：如何使用 shell 脚本或命令找出文件的最后修改时间？如何删除 /home/ftp/incoming/raw/ 目录中所有超过一小时的文件或对其采取任何其他自定义操作？ A.在 UNIX/Linux 操作系统下有很多方法（命令）可以查找文件修改时间。您可以尝试以下任何命令之一： 查找命令（带 -cmin 开关） $ find /home/ftp/incoming/raw/ -maxdepth 1 -cmin +60 -name FileName -cmin 选项将打印 FileName 的状态上次更改时间是 n 分钟前。此命令将打印所有超过一小时的文件名。 stat 命令（带 -c 开关） 要查找上次更改的时间（以纪元以来的秒数表示），请输入： $ stat -c %Z /path/to/file date 命令（带 -r 开关） 要显示文件的最后修改时间，请输入： $ date -r /p…