作者：Emma Wedekind翻译：疯狂的技术宅 原文：[链接] 未经允许严禁转载 1. 擅长 Google 搜索 成为优秀程序员的秘诀之一就是学习如何搜索问题的答案。通过有效地学习 Google 到的东西，你将节省大量的时间。 2. 承诺与交付 让你的团队知道自己完成一项任务将花费多长的时间，并以两种方式交付。通过可预知的和可靠的交付...

产品生命周期就是其中的一个概念，它可用于多个不同的环境，用以了解和预测产品的行为。这是一个商业概念，能够帮助我们了解产品在其生命中经历的阶段，并解释这些阶段对其受欢迎程度的影响 —— 在大多数情况下以销售情况来体现。可以通过观察市场行为模式评估产品当前所在的阶段，从而对其受欢迎的程度做出一些预测。

作者：Lydia Hallie翻译：疯狂的技术宅 原文：[链接] 我在我的 Instagram 上每天都会发布 JavaScript 的选择题，并且同时也会在这个仓库中发布。 从基础到进阶，测试你有多了解 JavaScript，刷新你的知识，或者帮助你的 coding 面试！ 我每周都会在这个仓库下更新新的问题。 答案在问题的下方。祝你好运 1. 输出是什么？...

有时我需要创建一个简单的静态 HTML 或登录页面，而且不想引入任何库或其它依赖。对这种情况，我只使用普通的 JavaScript 来完成工作，老实说，知道它们是怎样工作的感觉真的很好。

网络视频一直都很火。虽然在页面上嵌入 Instagram 和 Youtube 视频非常简单，但是有越来越多的需求 —— 比如许多电子商务的场景 —— 要求定制的视频传输方法。

作者：Khalil Stemmler翻译：疯狂的技术宅 原文：[链接] 未经允许严禁转载 在本文中，我们讨论了getter 和 setter 在现代 Web 开发中的实用性。它们有用吗？什么时候使用它们是有意义的？ 当 ECMAScript 5（2009）发布时，getters 和 setter（也称为访问器）被引入 JavaScript。 问题是，对于引入它们的原因及实用性存在...

作者：Afroz Chakure翻译：疯狂的技术宅 原文：[链接] 未经允许严禁转载 机器学习的核心是处理数据。你的机器学习工具应该与数据的质量一样好。本文涉及清理数据的各个步骤。你的数据需要经过几个步骤才能用于预测。 数据预处理涉及的步骤： 导入所需的库 导入数据集 处理缺失的数据。 编码分类数据。 将数据集拆分为测...

JavaScript 是一种奇怪的语言。虽然受到 Smalltalk 的启发，但它用了类似 C 的语法。它结合了程序、函数和面向对象编程（OOP）的方方面面。它有许多能够解决几乎任何编程问题的方法，这些方法通常是多余的，并没有强烈推荐哪些是首选。它是弱动态类型，但采用了类似强制类型的方法，使经验丰富的开发人员也可以使用。

有时候几乎每周都会发布新版本的 Node.js —— 每隔几周发布一次小版本，每隔几个月发布一次主要版本。如果你是一个需要在不同程序和项目之间切换的码农，可能会发现需要运行不同版本的 Node。

如果你打算用 JavaScript 进行编码，那么就需要了解对象的工作方式。对象是 JavaScript 最重要的元素之一，深入理解了它会使你在编码时得心应手。在克隆对象时，它并不像看起来那么简单。

如果你正在使用 JavaScript，那你应该熟悉它的历史。这个有着 24 年历史的编程语言在过去几年里发生了巨大的变化，特别是随着 Node.js 和 JS 框架的出现。

几乎每种编程语言都能将组成程序的代码拆分为多个文件。 在 C 和 C++ 中 #include 指令就用于这个目的，而 Java 和 Python 有 import 关键字。 JavaScript 是迄今为止为数不多的例外之一，但新的 JavaScript 标准（ECMAScript 6）通过引入所谓的 ECMAScript 模块来改变这一点。所有主流浏览器都支持这个新标准 —— 只有 N...

通常，在构建SPA时，需要保护某些路由。例如假设有一个只允许经过身份验证的用户访问的 dashboard 路由，我们可以通过使用 auth 中间件来确保合法用户才能访问它。

你有没有看到过这样一种简洁的技术，它基于 prefers-reduced-motion 媒体查询，将 <source media=""> 用于 <picture> 元素来提供动图（或不提供动图）？

Vue JS 是一个非常先进的 JavaScript 框架，由尤雨溪和 Vue 核心团队创建，超过 230 个开源社区爱好者贡献了代码。 Vue 的用户超过 870,000 人，并且已经 在 GitHub 上得到了140,000 个star 🌟。它由一个仅关注视图层的核心库和对其提供支持的生态系统组成，可帮助你解决大型单页应用程序的复杂性问题。

作者：Milap Neupane翻译：疯狂的技术宅 原文：[链接] 未经允许严禁转载 CPU，也被称为微处理器，是计算机的大脑。让我们通过深入了解计算机的核心，来帮助自己有效地编写计算机程序。 “工具通常比机器更简单，它一般用手就可以操作，而机器需要被动物或蒸汽动力启动。”—— Charles Babbage 计算机是由电力驱动的机器，但...

作者：Bolaji Ayodeji翻译：疯狂的技术宅 原文：[链接] 未经允许严禁转载 Chrome Lighthouse 已经存在了一段时间了，但如果我要求你解释一下它能做什么，你能解释清楚吗？ 我发现许多 Web 开发人员包括初学者，都没有听说过这个工具，而那些尚未尝试过的人，一点也不酷 😒。 在本文中，我将向你介绍 Chrome Lighthouse 的...

作者：Bolaji Ayodeji翻译：疯狂的技术宅 原文：[链接] 未经允许严禁转载 JavaScript 中的数组是什么？ 在开始之前，你需要先了解数组的真正含义。 在 JavaScript 中，数组是一个用于存储不同数据类型的变量。它将不同的元素存储在一个盒子中，供以后使用。 声明一个数组： {代码...} 数组中可以包含多种数据类型 {代码....

你是否写了一个需要接受用户上传图片的 Web 应用，后来才意识到用户总是提供各种形状和大小的图像来破坏你的网站主题？在网络上处理图像很容易成为一种痛苦 —— 当然，除非你使用了正确的工具。

例如，最上边的照片是“内容”图像。我们要将中间照片中的“风格”（“风格”图像）应用于内容图像。也就是说我们希望把中间的图像中大都市的夜晚氛围反映在最终图像上，得到的结果是最下边的照片！

自从 React 团队发布他们的 16.x 愿景以来，已经风靡了整个社区。它添加了一些非常酷的东西：Hooks、惰性加载、Suspense 和缓存 API。

Web Share API 自从它首次在Android 版 Chrome 61中推出以来，似乎已经不再受到关注。从本质上讲，它提供了一种方法，可以直接从网站或 Web 应用中共享内容（例如链接或联系人卡片）时触发设备（如果使用 Safari 桌面也可以）的本机共享对话框。

Svelte 是由 Rich Harris 创建的 JavaScript UI 库。 Rich 认为 virtual DOM 带来了额外开销，并提出了 Svelte，现在它正处于第三版的状态。

在计算机科学中，算法分析是非常关键的部分。找到解决问题的最有效算法非常重要。可能会有许多算法能够解决问题，但这里的挑战是选择最有效的算法。现在关键是假如我们有一套不同的算法，应该如何识别最有效的算法呢？在这里算法的空间和时间复杂度的概念出现了。空间和时间复杂度是算法的测量尺度。我们根据它们的空间...

GraphQL 改变了我们对 API 的思考方式，并利用直观的键/值对匹配，客户端可以请求在网页或移动应用屏幕上显示所需的确切数据。 TypeScript 通过为变量添加静态类型来扩展 JavaScript，从而减少了错误并提高了代码的可读性。

翻译：疯狂的技术宅原文：[链接] 未经允许严禁转载 GraphQL是一种查询语言、一种执行引擎和一种规范，它引领开发人员重新思考应该怎样去构建客户端和API。 GraphQL 是当今软件技术领域最大的流行语之一。但它究竟是什么？它是一种像 SQL 这样的查询语言吗？像 JVM 这样的执行引擎？像 XML 这样的规范？ 只有回答了以上所...

浏览器扩展程序是可以修改和增强 Web 浏览器功能的小程序。它们可用于各种任务，例如阻止广告，管理密码，组织标签，改变网页的外观和行为等等。

“可是在我的机器上能工作啊！”这种场景可能是调试 bug 时最常见的问题。这通常是由于出错的机器和你自己的机器上系统的底层依赖性不同的结果。所以 yarn 和 npm 在引入了所谓的“lock file”，来跟踪你依赖项确切的版本。但是当你在开发要发布到 npm 的包时，应避免使用这类 lock file 。在本文中，我们将讨论为什么要这样。

在 React 16 中为了防止不必要的 DOM 更新，允许你决定是否让 .setState 更来新状态。在调用 .setState 时返回 null 将不再触发更新。

如果一张图片胜过千言万语 —— 那么动画呢？ Flex 无法通过文字或静态图像有效地完全解释。为了巩固你对flex的了解，我制作了这些动画演示。