对于较长的列表，比如1000个数组的数据结构，如果想要同时渲染这1000个数据，生成相应的1000个原生dom，我们知道原生的dom元素是很复杂的，如果长列表通过生成如此多的dom元素来实现，很可能使网页失去响应。 首先我们尝试在React项目中，未做任何优化一次性渲染1000…

如果你是一位有抱负的前端程序员并准备面试，那么这篇文章很适合你。本文是你学习和面试 React 所需知识的完美指南。 JavaScript 工具缓慢而稳定地在市场中扎根，对 React 的需求呈指数级增长。选择合适的技术来开发应用或网站变得越来越有挑战性。其中 React 被认…

你可能知道，Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有…

我们看一些 Promise 的常见面试问法，由浅至深。 3、Promise 解决的痛点还有其他方法可以解决吗？如果有，请列举。 8、能不能手写一个 Promise 的 polyfill。 这些问题，如果你都能 hold 住，那么面试官基本认可你了。带着上面这些问题，我们往下看。…

let和const是 ES6 新增的命令，用于声明变量，这两个命令跟 ES5 的var有许多不同，并且let和const也有一些细微的不同，在认真阅读了阮一峰老师的文档后，发现还是有一些不知道的细节,重新整理了一下，分享给各位. const 简单类型一旦声明就不能再更改，复杂…

上面的例子看起来不错。然而，如果还有更多红颜色的水果需要判断呢，比如樱桃和小红莓，我们要用更多的 ||来扩展这个表述吗？ 我们将条件提取到一个数组中。这样做之后，代码看起来更整洁。 如果没有提供水果（名称），抛出错误。 如果（红色水果）数量超过 10 个，接受并打印。 遵循的一…

在项目开发过程中，设计师经常会说，这里边框像素边框不对，要求1像素但是实际是2像素，当我们去查代码时我们写的就是1px，这是前端开发者经常遇到的一个问题，也就是1px像素问题。 要了解并解决问题，我们首先需要了解其原理才能从根本上找到解决方案。 首先我们需要对物理像素，逻辑像素…

当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。当这些数据改变时，视图会进行重渲染。 也就是说如果你添加一个新的 property…

结论：使用 slice() 方法拷贝数组，然后修改新数组，不会影响到旧数组的值。 结论：使用 concat() 方法拷贝数组，然后修改新数组，不会影响到旧数组的值。 结论：使用 assign() 方法拷贝数组，然后修改新数组，不会影响到旧数组的值。 结论：使用数组简单赋值方法拷…