以下通过一个例子来检查在调用函数时会有哪些变量和参数，在这里可以在浏览器的“无痕窗口”中直接运行这段代码（无痕窗口能避免浏览器插件影响运行）。

即使有了新的方法，但是仍然有许多使用回调的原生模块和库。在本文中，我们将讨论如何将 JavaScript 回调转换为 Promise。 ES6 的知识将会派上用场，因为我们将会使用 展开操作符之类的功能来简化要做的事情。

作用域JavaScript 的变量被作用域所限制，如果超出了作用域，那么变量就没有办法再被使用，这样做的优点是：可以避免当前的变量转为全局变量有效限制变量的作用区域而变量作用域也会按照声明方式的不同，产生不同的作用域：未声明：全局变量var 声明：作用域在 函数 中let、const 声明：作用域在 {} 中var 声明的变量在...

Chrome 开发者工具的 Console 相当好用，最常使用的不外乎是通过 console.log 展示出变量或运算的结果，如果符合预期则皆大欢喜。

如果你在开发网站时曾经尝试通过框架或是浏览器的 fetch、XHR 请求过外部 API 的话，那么一定遇到过跨域请求，还有那个触目惊心的 CORS 错误信息；今天咱们来讨论跨域问题的原因以及解决方法。

出现了一个名为 __proto__ 的对象，如果再将其展开，就会看到所有 Array 对象可以使用的函数；当然我们也可以在其中找到 map 函数，而这也正是例子中所调用的 arr.map 这个函数：

在网站开发中，异步事件是项目必然需要处理的一个环节，也因为前端框架的兴起，通过框架实现的 SPA 已经是快速建构网站的标配了，一部获取数据也就成了不可或缺的一环；本文来就讲一讲 JavaScript 中异步的处理方式。

经过一番 996，精心打造的网站眼看就要部属上线了，但在网站正式上线之前，你有没有想过自己的网站是否安全吗？尽管你的网站用了很多高大上的技术，但是如果网站的安全性不足，无法保护网站的数据，甚至成为恶意程序的寄生温床，那前面堆砌了再多的美好也都成了枉然。

在网页中，如果想与使用者进行“互动”，必须要通过某种方法知道他都做了什么。当然，浏览器开发者们早已根据 W3C 事件规范实现好了底层的逻辑，我们只需要通过 Web API 中的 DOM Event，通过注册想监听的 DOM 元素和事件的事件监听器（Event Listener）就可以轻松掌握使用者在网页上的一举一动。

现代网站越来越多的使用前后端分离架构，先用前端 MVC 框架快速堆砌出 SPA，再用 API 获取动态数据也已经成为日常的开发内容；而用来连接前后端的 API，其重要性也自然言而喻。做为一个前端码农，认识后端的 API 设计方式也是很重要的，今天让我们针对 API 设计来一探究竟。

在浏览器的 Javascript 引擎解析 HTML、SVG 时，会将内容分析成一个个的 DOM (Document Object Model)，当用户与 DOM 产生互动时，则是通过 DOM 上注册的事件监听器，去触发某个事件。

在前端工程师的日常工作中，使用 CSS 元素选择器是稀松平常的事；无论你是编写一般的 CSS 还是需要经过编译的 SASS，SCSS，LESS等，最终都被编译成一行一行的 CSS 样式属性，最终交给浏览器解析并套用。但是你想过没有这是如何实现的呢？

我们都知道，浏览器解析 HTML 是一行一行按照顺序向后读取的，在传统的写法中，当浏览器读到 <script> 时，便会暂停解析 DOM，同时立即开始下载 <script> 中定义的资源，并在下载完成后立刻执行。由于这样的特性，可能会造成 DOM 树在还没有完全解析时就开始执行 JavaScript，需要操作 DOM 的程序可能因此无...

在本文中，我们学习 Merge Sort 背后的逻辑，并用 JavaScript 实现。最后，在空间和时间复杂度方面将归并排序与其他算法进行比较。

CSS 框架之所以出色是有很多原因的：比如代码更容易理解、Web 应用更容易维护、简化实现原型时的步骤等。一般来说在 VUE 中集成 CSS 框架的方法是相同的，本文以被广泛使用的 Bootstrap 4 为例。

作者：Chris On Code翻译：疯狂的技术宅原文：[链接]未经允许严禁转载替换字符串中的文本是 JavaScript 中的常见任务。本文研究几种用 replace 和正则表达式替换文本的方法。替换单个字串通常 JavaScript 的 String replace() 函数只会替换它在字符串中找到的第一个匹配的子符： {代码...} 在这个例子中，仅替换了第一个...

在本教程中我们学习 Node.js 的原生 EvenEmitter 类。学完后你将了解事件、怎样使用 EvenEmitter 以及如何在程序中利用事件。另外还会学习 EventEmitter 类从其他本地模块扩展的内容，并通过一些例子了解背后的原理。

作者：Flavio Copes翻译：疯狂的技术宅原文：[链接]未经允许严禁转载如果用 create-react-app 构建一个程序，并且在本地运行，默认情况下会用 HTTP 协议为该程序提供服务。而在生产环境中运行的程序都用 HTTPS 进行服务。尽管说把 HTTPS 配置出来非常简单，但是想在本地配置要复杂一些。我们都知道，create-react-app 程...

作者：Janith Kasun翻译：疯狂的技术宅原文：[链接]未经允许严禁转载介绍在本文中，我们将研究怎样用 Express 配置 CORS 以及根据需要定制 CORS 中间件。什么是CORSCORS 是“跨域资源共享”的简写。它是一种允许或限制向 Web 服务器上请求资源的机制，具体取决于进行 HTTP 请求的位置。这种策略用于保护特定 Web 服务器免...

作者：Abhilash Kakumanu翻译：疯狂的技术宅原文：[链接]未经允许严禁转载介绍排序是指以特定顺序（数字或字母）排列线性表的元素。排序通常与搜索一起配合使用。有许多排序算法，而迄今为止最快的算法之一是快速排序（Quicksort）。快速排序用分治策略对给定的列表元素进行排序。这意味着算法将问题分解为子问题，直到...

本文列举出 50 个能够帮你提高开发效率，节省开发时间的 Chrome 扩展和 Web 应用，它们很有可能会在什么时候派上用场。老规矩，先转发、点赞、点再看三连，最后再慢慢阅读，千万别让它在收藏夹里吃灰。

通常用 Vue.js 编写单页应用（SPA）时，当加载页面时，所有必需的资源（如 JavaScript 和 CSS 文件）都会被一起加载。在处理大文件时，这可能会导致用户体验不佳。

Nader Dabit翻译：疯狂的技术宅原文：[链接]Single SPASingle SPA 是一个用于前端微服务的 javascript 框架。它使你可以在单页应用中使用多个框架，这样就可以按功能拆分代码，并 能使 Angular、React、Vue.js 程序一起运行。你可能已经习惯了 React 和 Vue 的 CLI，通过这些工具可以快速创建项目，并准备好 webpack 的...

yargs 是一个用来处理命令行参数的包，可以帮你处理自行设置的命令行标志和输入的任何类型的数据，其中包括布尔值、浮点数和字符串等。这个包非常简单明了，不需要在项目中编写大量的样板代码。

在本文中我们来研究怎样用 TensorFlow.js 创建基本的 AI 模型，并使用更复杂的模型实现一些有趣的功能。我只是刚刚开始接触人工智能，尽管不需要深入的人工智能知识，但还是需要搞清楚一些概念才行。

回溯是通过逐步构建解决方案来解决递归问题的算法。通常回溯从可能的解决方案开始，如果它不起作用，则需要回溯并尝试另一种解决方案，直到找到可行的解决方案为止。回溯在解决 CSP（约束满足问题）时特别有用，例如填字游戏、迷宫和数独等。

有时候我们需要先把值放到数组中，然后再作为函数的参数进行传递。使用 ES6 语法可以只凭借扩展运算符（...）就可以把值从数组中提取出来： [arg1，arg2] => (arg1，arg2)。

JavaScript 是一种动态类型的语言，这意味着解释器是在运行时确定变量类型的。这允许我们可以用同一变量中存储不同类型的数据。但是如果没有文档和保持一致性，在使用代码时，我们很有可能并不知道变量究竟是哪种类型。

作者：Aral Roca翻译：疯狂的技术宅原文：[链接]未经允许严禁转载首先明确三个概念：算法： 按步骤解决问题的过程。范式： 思考问题的模式。算法范式： 为问题构建高效解决方案的常规方法。本文讨论一些常用的算法范式，例如分治算法动态规划贪婪算法回溯算法分治法在排序算法中，合并和快速排序这两种算法的共同点就是...

作者：Samer Buna翻译：疯狂的技术宅原文：[链接]未经允许严禁转载这道题的答案有点复杂。首先要搞清楚 element 和 component 是不是一回事？从技术上来说，ReactDOM 不会在 DOM 中渲染 React 组件或 React 元素。它渲染由其组件实例支持的 DOM 元素。对于类组件来说这是正确的。但是对于函数组件，ReactDOM 仅渲染 DOM ...