很多时候，开发人员需要展示代码段，可能是用于演示，博客或者是摘要。那么有哪些程序代码的工具呢？1. Polacode[链接]如果你喜欢VS Code，那么这个适合你！ Polacode 是一个VS Code扩展，可以直接从 VSCode 获取漂亮的代码屏幕截图。2. carbon.now.sh[链接]创建并共享源代码的精美图片。开始输入或将文件拖入文本区域以...

是什么使得一个编程语言的新特性很棒？那就是当这个特性可以结合多个其它特性的时候。 ES2015 版本中引入的 for...of 语句就是这种情况。 for...of 可以迭代数组、类数组以及任何可以迭代的对象(maps、sets、DOM集合)，并且，for...of 的语句还很短。 在这篇文章中，我将会演示 for...of 的能力。 1. 数组迭代 for...of ...

带你深度解锁Webpack系列(基础篇)和带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对配置进行优化。

如果你还没有阅读《4W字长文带你深度解锁Webpack系列(基础篇)》，建议阅读之后，再继续阅读本篇文章。 本文会引入更多的 webpack 配置，如果文中有任何错误，欢迎在评论区指正，我会尽快修正。 webpack 优化部分放在了下一篇。 推荐大家参考本文一步一步进行配置，不要总是想着找什么最佳配置，你掌握了之后，根据自己的...

尽管我在VS Code中经常使用许多快捷方式，以下快捷方式可能会派上用场，但我经常忘记它们的存在。我制作了一些GIF，以便更好地记住它们。也许这里面也有一些快捷方式你也不记得了，但是却很有用。

2019年和以往的每一年都不一样，这一年，我离开了熟悉的南京，来到了北京的工作，成为了一名“进城务工人员”。每次从南京回北京的时候，我都笑称自己又要去进城务工了。

初学者(也许一些有经验的开发者也是一样)在读完官方文档，想写一个项目练手的时候不知道做什么项目好，或是有想法，但是无从下手。那么这篇文章将会给你带来很大的帮助。

react-redux 是 redux 官方 React 绑定库。它帮助我们连接UI层和数据层。本文目的不是介绍 react-redux 的使用，而是要动手实现一个简易的 react-redux，希望能够对你有所帮助。

原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我对文章进行了分割，本篇文章重点阐述 组合和复用。因水平有限，文中部分翻译可能不够准确，如果你有更好的想法，欢迎在评论区指出。

原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我对文章进行了分割，本篇文章重点阐述 封装。因本人水平有限，文中部分翻译可能不够准确，如果您有更好的想法，欢迎在评论区指出。

这两段代码在功能上是等价的，都是数组中所有数字的总和，但是它们之间有一些理念差异。让我们先研究一下 reducer，因为它们功能强大，而且在编程中很重要。有成百上千篇关于 reducer 的文章，最后我会链接我喜欢的文章。

通常，当谈到JavaScript语言时，我们讨论的是ES6标准提供的新特性，本文也不例外。 我们将讨论JavaScript代理以及它们的作用，但在我们深入研究之前，我们先来看一下Proxy的定义是什么。

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的脚手架(或公司通用脚手架)，来提升自己的开发效率。

本周面试题一览: 实现一个 JSON.stringify 实现一个 JSON.parse 实现一个观察者模式 使用CSS让一个元素水平垂直居中有哪些方式 ES6模块和CommonJS模块有哪些差异？ 更多优质文章可戳: [链接] 31. 实现一个 JSON.stringify JSON.stringify([, replacer [, space]) 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON...

本周面试题一览: 原型链继承的基本思路是什么？有什么优缺点？ 借用构造函数和组合继承基本思路是什么？有什么优缺点？ 原型式继承的基本思路是什么？有什么优缺点？ 寄生式继承的基本思路是什么？有什么优缺点？ 寄生组合式继承的基本思路是什么？有什么优缺点？ 本周是继承专题，在开始之前，需要先了解构造函数、原型...

本文挑选了20到大厂面试题，大家在阅读时，建议不要先看我的答案，而是自己先思考一番。尽管，本文所有的答案，都是我在翻阅各种资料，思考并验证之后，才给出的。但因水平有限，本人的答案未必是最优的，如果您有更好的答案，欢迎给我留言。

本周面试题一览: 实现 Promise.race 方法 JSONP 原理及简单实现 实现一个数组去重的方法 清楚浮动的方法有哪些 编写一个通用的柯里化函数 currying 更多优质文章可戳: [链接] 20. 实现 Promise.race 方法 在实现 Promise.race 方法之前，我们首先要知道 Promise.race 的功能和特点，因为在清楚了 Promise.race 功能和特...

本周面试题一览: 什么是闭包？闭包的作用是什么？ 实现 Promise.all 方法 异步加载 js 脚本的方法有哪些？ 请实现一个 flattenDeep 函数，把嵌套的数组扁平化 可迭代对象有什么特点？ 更多优质文章可戳: [链接] 15. 什么是闭包？闭包的作用是什么？ 什么是闭包？ 闭包是指有权访问另一个函数作用域中的变量的函数，创建...

本周面试题一览: 什么是XSS攻击，XSS 攻击可以分为哪几类？我们如何防范XSS攻击？ 如何隐藏页面中的某个元素？ 浏览器事件代理机制的原理是什么？ setTimeout 倒计时为什么会出现误差？ 11. 什么是XSS攻击，XSS攻击可以分为哪几类？我们如何防范XSS攻击？ 1. XSS攻击 XSS(Cross-Site Scripting，跨站脚本攻击)是一种代码...

本周面试题一览: 节流(throttle)函数的作用是什么？有哪些应用场景，请实现一个节流函数 说一说你对JS执行上下文栈和作用域链的理解？ 什么是BFC？BFC的布局规则是什么？如何创建BFC？ let、const、var 的区别有哪些？ 深拷贝和浅拷贝的区别是什么？如何实现一个深拷贝？ 6. 节流(throttle)函数的作用是什么？有哪些应用...

Alita是一套由京东ARES多端技术团队打造的React Native代码转换引擎工具。它对React语法有全新的处理方式，支持在运行时处理React语法，实现了React Native和微信小程序之间的主要组件对齐，可以用简洁、高效的方式把React Native代码转换成微信小程序代码。

Step-By-Step 仅会在工作日发布面试题，主要考虑到部分小伙伴平时工作较为繁忙，或周末有出游计划。每个周末我会仔细阅读大家的答案，整理最一份较优答案出来，因本人水平有限，有误的地方，大家及时指正。参与答题的小伙伴，可以对比自己的回答。

所谓同步，就是在发出一个"调用"时，在没有得到结果之前，该“调用”就不返回。但是一旦调用返回，就得到返回值了。换句话说，就是由“调用者”主动等待这个“调用”的结果。此调用执行完之前，阻塞之后的代码执行。

随着互联网的发展，各种Web应用变得越来越复杂，满足了用户的各种需求的同时，各种网络安全问题也接踵而至。作为前端工程师的我们也逃不开这个问题，今天一起看一看Web前端有哪些安全问题以及我们如何去检测和防范这些问题。非前端的攻击本文不会讨论(如SQL注入，DDOS攻击等)，毕竟后端也非本人擅长的领域。

一年前，也许你搞清楚闭包，this，原型链，就能获得认可。但是现在，很显然是不行了。本文梳理出了一些面试中有一定难度的高频原生JS问题，部分知识点可能你之前从未关注过，或者看到了，却没有仔细研究，但是它们却非常重要。本文将以真实的面试题的形式来呈现知识点，大家在阅读时，建议不要先看我的答案，而是自己先...

一年前，也许你搞清楚闭包，this，原型链，就能获得认可。但是现在，很显然是不行了。本文梳理出了一些面试中有一定难度的高频原生JS问题，部分知识点可能你之前从未关注过，或者看到了，却没有仔细研究，但是它们却非常重要。本文将以真实的面试题的形式来呈现知识点，大家在阅读时，建议不要先看我的答案，而是自己先...

this关键字是JavaScript中最复杂的机制之一，是一个特别的关键字，被自动定义在所有函数的作用域中，但是相信很多JsvaScript开发者并不是非常清楚它究竟指向的是什么。听说你很懂this,是真的吗？

webpack 核心概念: Entry: 入口 Module:模块，webpack中一切皆是模块 Chunk:代码库，一个chunk由十多个模块组合而成，用于代码合并与分割 Loader:模块转换器，用于把模块原内容按照需求转换成新内容 Plugin:扩展插件，在webpack构建流程中的特定时机注入扩展逻辑来改变构建结果或做你想要做的事情 Output: 输出结果 webp...

监听原生touchmove事件，记录并计算当前滑动的位置值与初始位置值的差值，大于某个临界值时，显示下拉刷新头，并将页面的overflow属性，设置为false；

React16.3.0开始，生命周期进行了一些变化。本文主要介绍React16.3.0之后的生命周期。 React16.3.0之前生命周期: 16版本之前的react组件的生命周期相信大家已经很熟悉。16版本的react对组件的生命周期函数进行了一些修改,下面进行详细说明。 React16.3.0之前生命周期 创建期: constructor(props, context) componentWill...