本文介绍了在 JavaScript 中，如何基于 ES7 或 ES6 实现并发控制的两种不同方案，同时介绍了如何手写简易版的 Promise.all 和 Promise.race 函数。

1. 动态加载js 2. js加载video ###3. canvas给video截图 4. 设置icon 5. 后续

尽管一些组织认为应该由用户选择健壮的用户名和密码来保护自己，但是开发人员可以通过将规则包含在程序的设计中来帮助进行良好的密码选择。例如，开发人员可以通过加入进度条、百分比或颜色，来帮助用户在输入密码时规定密码的质量。 许多人都知道弱密码很短，并且包含字母或数字，但绝不会同时包含…

在 Web SPA 中，前端路由描述的 URL 与 UI 之间的单向映射关系，即 URL 变化引起 UI 页面的更新（无需刷新页面）。 上面我们提到，在前端路由中，当 URL 发生变化时，我们需要在不刷新页面的情况下，触发 UI 页面的更新。因此，在实现前端路由时，我们需要解决…

前端开发人员在构建网站时需要做的一个决定是引入图片的方式。它可以是<img>标签，或者是通过CSS background 属性，还可以使用 SVG <image>。选择正确的方式是很重要的，它对性能和可访问性有很大的影响。 在本文中，我们会学习引入图像的各种方式，以及每种方式的…

任何一个重视数据的公司与部门，都不会忽略前端埋点数据上报的作用。 从实际开发经验来回答：实际上并没有那么简单。为了能够将收集的用户数据最终展示并从中分析得出有意义的数据，这其中涉及的细节比想象的要多。 在本文中，我们会从两个方面来思考数据埋点上报的过程：数据收集与数据上报。 对…

根据W3C性能小组的介绍，超过50ms的任务就是长任务。 根据上图我们可以知道，当延迟超过100ms，用户就会察觉到轻微的延迟。 所以为了避免这种情况，我们可以使用两种方案，一种是Web Worker，另一种是时间切片（Time Slicing）。 我们都知道，JS是单线程，所…

我们要研究的第一个设计基础是空间留白，也被称为负空间。顾名思义，它是页面上元素之间的空间。 被压缩在没有留白的页面上的元素不仅看起来没有吸引力，而且难以浏览和阅读。 可以通过多种方式调整留白，包括填充、边距和行高。通过查看下图了解有效留白带来的不同。 接下来是对齐。这是确保每个…

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…