JavaScript中的依赖注入--你在测试中没有使用的最佳工具，看看这个
你代码中的依赖关系可以是任何东西，从你用来执行验证的第三方库到你保存所有数据的数据库。 它们是我们日常工作的一部分，但在编写单元测试时，我们往往忘记它们不能成为其中的一部分。所以我们在写测试的时候，反而会在不知不觉中依赖它们。为什么这样不好呢？因为你不得不检查假阴性，你不得不建立相当的基础设施来让你的测试运行。 这不是单元测试的目的，在这篇文章中我将告诉你如何解决这个问题。 问题到底出在哪里？
JavaScript中的稀疏数组与密集数组
JavaScript中的数组是相当容易使用的。然而，有一个细微的差别你应该注意：有些数组可能有洞。 在这篇文章中，我将描述JavaScript中稀疏数组和密集数组的区别。同时，你会发现创建稀疏数组的常见方法，只是要注意一下。 1. 密集数组 JavaScript中的数组是一个代表项目有序集合的对象。 数组中的项目有一个确切的顺序。你可以用一个特殊的数字--索引来访问数组的第n个项目。 con
驯服CSS-in-JS这头野兽
CSS-in-JS非常棒。当它逐渐受到重视的时候，我还记得使用它是多么的自由--在那个自定义属性还没有广泛使用的时代，它允许我们在JavaScript中创造丰富的动态体验！更棒的是，从NPM中消费一个组件库，而不需要愚蠢的bundler配置，这已经成为现实。更棒的是，从NPM消费一个组件库，而不需要繁琐的捆绑器配置，这已经成为现实，只要导入就可以了 在Atlassian工作期间，我有幸参与了At
React应用程序的Atomic布局介绍
Atomic Layout是一个轻量级的React库，允许你为你的组件生成一个基于网格的响应式布局。 像styled-components和emotion这样的现代CSS库是非常有用的，因为它们允许你创建孤立的、本地的CSS，只适用于预定的特定组件。 但由于这两个库都只专注于在JavaScript内编写CSS，这意味着你必须自己编写创建响应式布局所需的CSS规则。 例如，假设你有一个如下所示的卡
优化前端性能的9个最佳做法
你有50毫秒的时间来给你的潜在访问者留下第一个好印象。所以，是的，用户只需要50毫秒就能对你的网站形成意见，以决定他们是停留还是离开。 大多数网站由于前台优化不佳而无法提供令人满意的用户体验。而且，最常见的是由于不理想的数据加载和图像优化。 因此，在这篇文章中，我将讨论对优化前端数据加载有帮助的九个最佳做法。 1. 缩小资源 资源的最小化是指从你的HTML、CSS和JavaScript中删除不必