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

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

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进行客户端 - 服务器通信。

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

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

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

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

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

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