在开发中，数组的使用场景非常多，平日中也涉及到很多数组相关操作，对一些常见的操作方法进行总结和收藏，在开发中就能信手拈来，大大提高开发效率。 2、先将原数组排序，在与相邻的进行比较，如果不同则存入新数组。 3、利用对象属性存在的特性，如果没有该属性则存入新数组。 4、利用数组原…

受控组件与非受控组件：是否受状态控制。 但是结果和我们想象的不一样：输入框不能输入值。这是因为input的value取的是state中的val。但是val的值一直是空。 受状态控制的组件，必须要有onChange方法，否则不能使用. 简单功能实现，输入框值，与显示值统一。这就是…

能减少图片的字节,比多张图片字节更小。 WebP是谷歌在10年推出一种新型图片格式，最早也是应用在谷歌产品中，谷歌发布的Android Studio 2.3正式版中就包括对WebP支持的更新，在实测中，webp 格式比 jpg 格式减小约 20%。这对优化用户体验，减少CDN带…

关于React提供的虚拟DOM的好处有一些困惑和误解需要阐明。 我们总是或多或少的听说过直接操作DOM是低效和缓慢的。然而，我们几乎没有可用的数据来支持这个观点。关于React虚拟DOM的令人愉悦的地方在于web开发过程中，它采用了更加高效的方式来更新view层。 我们把使用R…

从CSS选择器文章中我们知道，与多种不同的方法选择元素。所以当我们使用多种规则的时候，我们必须要明确其中的优先级。但是在CSS选择器的规则中，称之为特殊性，特殊性越高，自然优先级越高。 对于选择器中给定的元素选择器和伪元素，加0001. 当选择器出于同一种特殊性的时候，位于cs…

1. 列表组件中无 key 代码思路很简单，当我点击按钮时，移除一个列表项。由于不指定显式的 key 值，那么 React 将默认使用索引 index 用作为列表项目的 key 值，所以用索引 index 作为 key 值，与组件列表中无 key 是一样的。下面来分析，当点击按…

总下载时间：window.onload的触发节点。 白屏时间节点指的是从用户进入网站（输入url、刷新、跳转等方式）的时刻开始计算，一直到页面有内容展示出来的时间节点。 这个过程包括dns查询、建立tcp连接、发送首个http请求（如果使用https还要介入TLS的验证时间）、…

下面的代码就是实现组件订阅 Store 数据更新的，它在 connectAdvanced.js 中的。

setState(updater, callback)这个方法是用来告诉react组件数据有更新，有可能需要重新渲染。它是异步的，react通常会集齐一批需要更新的组件，然后一次性更新来保证渲染的性能，所以这就给我们埋了一个坑： 那就是在使用setState改变状态之后，立刻通…