svg中可以通过foreignObject嵌入html,展示更丰富的样式。当需要给这中间的html绑定事件的时候，不管是使用委托和直接查询元素进行绑定的时候都无法生效。右键检查元素也检查不到具体的元素，直接定位到最外部的svg。

配置环境hadoop环境真的是要命，随时都可以出现意向不到的问题，比如 {代码...} 很奇诡啊的问题，所有配置没问题，问题出现在ipv6上， 禁用掉系统的ipv6重启就好了 {代码...} {代码...} {代码...} {代码...}

人们告诉我，做JavaScript应该使用浏览器的调试器，但这肯定是要看运行环境的。 但是很多时候你只想知道代码的某一部分是执行还是变量是什么，而不会看着断点消失庞大的代码类库中。

Web开发是需要掌握多种技术。我们习惯于与多种语言密切合作。而且，随着开发Web应用程序变得越来越普遍和差别细微化，我们经常寻找创造性的方法来弥合这些语言之间的差距，从而使我们的开发环境和工作流程更容易，更高效。

CSS对于呈现页面至关重要 - 在找到，下载和解析所有CSS之前，浏览器不会开始呈现 - 因此我们必须尽可能快地将其加载到用户的设备上。 关键路径上的任何延迟都会影响我们的“开始渲染”并让用户看到空白屏幕。

在2008年中期，开发人员Michael Carter和Ian Hickson特别敏锐地感受到Comet在实施任何真正强大的东西时所带来的痛苦和局限。 通过在IRC和W3C邮件列表上的合作，他们制定了一项计划，在网络上引入现代实时双向通信的新标准，因此创造了“WebSocket”这个名称。

浏览器如何从源HTML文档转到在视口中显示样式化和交互式页面称为“关键渲染路径”。 虽然这个过程可以分解为几个步骤，正如我在“理解关键渲染路径”一文中所述，这些步骤大致可分为两个阶段。 第一阶段涉及浏览器解析文档以确定最终将在页面上呈现的内容，第二阶段涉及浏览器执行呈现。

pwa-之service worker 基本概念pwa-之service worker 离线文件处理 本章包含以下知识点 显示离线页面 加载离线图片 加载离线css 多个fetch处理事件调用 简介 网站图片由于不确定的原因，可能无法访问，这给用户一个错觉，就是你的网站出了问题 其他诸如css,js文件都是网站必不可少的资源，本章我们来学些如何加载这些资...

pwa-之service worker 基本概念pwa-之service worker 离线文件处理 学习service worker 基本概念 在本章，将涵盖以下内容 service worker准备工作 注册service worker 注册service worker细节 调试 出现错误时提供稳定版本 创建mock响应 处理请求超时 简介 如果你是一个旅行爱好者，应该会经常陷入没有网络的情况。这是...

随着单页应用程序的出现，网站突然被期望做更多，甚至与“原生”应用程序进行竞争。在尝试更快地开发Web应用程序时，开发人员意识到特定领域是瓶颈，使Web应用程序不像其本地应用程序那样快速和强大。

自从接触RxJS，就开始在我的项目中使用它。有一段时间我以为我知道如何有效地使用它，但有一个令人烦恼的问题：我怎么知道我使用的运算符是同步还是异步？换句话说，Operators到底什么时候发出通知？这似乎是正确使用RxJS的关键部分，但对我来说感觉有点模糊。

在本章中，我们将构建一个典型的Web应用程序，在前端和后端使用RxJS。我们将转换文档对象模型（DOM）并使用Node.js服务器中的WebSockets进行客户端 - 服务器通信。

并发是正确有效地同时做几件事的艺术。为了实现这一目标，我们构建我们的程序来利用时间，以最有效的方式一起运行任务。 应用程序中的日常并发示例包括在其他活动发生时保持用户界面响应，有效地处理数百个客户的订单。

童年的回忆中的益智视频游戏，你必须使用各种技巧在屏幕上引导下降的水流。您可以拆分流，稍后将它们合并，或者使用倾斜的木板来改变它们的方向。你必须要有创造力才能使水达到最终目标。

现实世界相当混乱：事件不按照顺序发生，应用崩溃，网络不通。几乎没有应用是完全同步的，所以我们不得不写一些异步代码保持应用的可响应性。大多数的时候是很痛苦的，但也并不是不可避免。

在本教程中，我们将为<a>和<button>元素以及一个自定义.btn的CSS组件创建基本样式。 你会在这个过程的每一步中找到一个演示页面。

JavaScript ES7中的 async/await 语法使得异步Promise变得更加容易。 如果您需要以某种顺序从多个数据库或API异步获取数据，则可以使用promise和回调构成的面条式的代码。 async/await 构造允许我们更简洁地表达这种逻辑且代码更易读和可维护。

虽然ES6规范不是最近才发布，但我认为很多开发人员仍然不太熟悉。 主要原因是在规范发布之后，Web浏览器的支持可能很差。 目前，规范发布已经超过2年了，现在很多浏览器对ES6支持良好。 即使您（或您的客户）不使用最新版本的Web浏览器，也可以使用转换器（如Babel），在应用程序的构建过程中将ES6转换为ES5。 这意味着...

W3C和万维网的负责人Tim Berners-Lee发表了一篇报道，他说：“网络的力量在于它的普遍性”。 作为通过网站谋生的人，我们有责任确保每个人都能访问他们。 Web可访问性听起来很高端，但它实际上比听起来容易得多。

了解和测量HTTP时间有助于我们发现客户端到服务器或服务器到服务器之间的通信性能瓶颈。 本文介绍了HTTP请求中的时间开销，并展示了如何在Node.js中进行测量。

这篇文章旨在成为系列中第一个旨在深入挖掘JavaScript及其实际工作的系列文章：我们认为，通过了解JavaScript的构建方式以及它们如何协同构建，您将能够编写更好的代码和 应用。

本文不会涵盖什么是React，或者为什么要学习它。 相反，这是面向已经熟悉JavaScript并熟悉DOM API基础知识的人，对React.js的基础知识的介绍。