所有同步任务都在主线程上执行，形成一个执行栈（Execution Context Stack）：JavaScript 中所有的代码都是在一个单一的主线程上执行的。

HTML解析器：WebKit首先使用HTML解析器（HTMLParser）来解析接收到的HTML文本。解析器根据HTML规范，将文本转换成DOM节点，形成DOM树。这个过程中，错误的HTML会被尝试修正，以形成一个合理的树结构。

React官网介绍React是一个用于构建用户界面的 JavaScript 库。React推荐JSX + inline style, 也就是把HTML和CSS全都写进JavaScript了,即 ”all in js“，HTML和css都可以放到js中。React主张函数编程，推荐使用纯函数，数据不可变，单向数据流，但是可以手动编写onChange等事件处理函数实现双向数据流。结合JSX轻松实现渲...

string --> './src/index.js'单入口打包形成一个chunk。 输出一个bundle文件。此时chunk的名称默认是 main

大部分使用派生 state 导致的问题，不外乎两个原因：1，直接复制 props 到 state 上；2，如果 props 和 state 不一致就更新 state

生命周期函数图谱 一、常用的生命周期函数 1.render() {代码...} 注意 (1) render() 方法是 class 组件中唯一必须实现的方法(2) render() 函数应该为纯函数 {代码...} (3) 如果 shouldComponentUpdate() 返回 false，则不会调用 render() 2.constructor() 在 React 组件挂载之前，会调用它的构造函数 {代码...} 如果不初...

Context 主要应用场景在于很多不同层级的组件需要访问同样一些的数据。请谨慎使用，因为这会使得组件的复用性变差。使用 context 比较好的场景是真正意义上的全局信息且不会更改，例如界面主题、用户信息等如果你只是想避免层层传递一些属性，组件组合（component composition）有时候是一个比 context 更好的解决方案

在 React 中，表单元素通过组件的 state 属性来自己维护 state，并根据用户输入调用setState()来进行数据更新，使 React 的 state 成为“唯一数据源”，被 React 以这种方式控制取值的表单输入元素就叫做“受控组件”。

dpr（Device Pixel Ratio: Number of device pixels per CSS Pixel）: 设备像素比 也叫dppx 就是一个css像素控制几个物理像素，物理分辨率/逻辑分辨率（css分辨率）= dpr

一、引入antd-mobile 1.安装 {代码...} 2.使用 {代码...} 二、安装及配置react-app-rewired 1.安装react-app-rewired {代码...} 2.修改package.json {代码...} 3.在项目根目录创建 config-overrides.js文件 由于使用creact-react-app创建的项目所以修改默认配置没那么方便，需要通过此文件修改默认配置 {代码...} 运行np...

如果create-react-app中的webpack配置满足不了需求，可以运行这个命令将所有webpack配置以及服务移到项目目录中，这样修改起来就很灵活了，但是这个命令是不可回退的，以下运行后的目录结构：

一、创建Date实例对象 1.new Date();依据系统设置的当前时间来创建一个Date对象 {代码...} 2.new Date(value); 参数：value  代表自1970年1月1日00:00:00 (世界标准时间) 起经过的毫秒数 {代码...} 3.new Date(dateString); 参数：dateString  表示日期的字符串值。该字符串应该能被 Date.parse() 方法识别 {代码...} 4....

        iterable  可以是一个数组或者其他 iterable 对象，其元素或为键值对，或为两个元素的数组；每个键值对都会添加到新的 Map，null 会被当做 undefined

对于普通对象来说，除非自行定义toString方法，否则就会调用Object.prototype.toString()方法，如果对象有自己的toString方法，字符串化就会调用该方法并使用其返回值。

面向对象语言都有类的概念，但是ECMAScript没有类的概念，所以它的对象与基于类的语言中的对象有所不同。 一、创建对象的几种方式及对比 1.对象字面量与创建Object实例方式 {代码...} {代码...} 缺点：使用同一个接口创建很多对象，会产生大量的重复代码 2.工厂模式 因为ECMAScript没有类的概念，所以用函数来封装创建对...

六种 原型 数据类型：1.Boolean.  布尔值，true 和 false 2.null. 一个表明 null 值的特殊关键字。 JavaScript 是大小写敏感的，因此 null 与 Null、NULL或其他变量完全不同。详见null和undefined 3.undefined.  变量未定义时的属性。详见null和undefined 4.Number.  表示数字，例如： 42 或者 3.14159。详见Number对象 ...

一、Eslint安装 1.全局安装 如果你想使 ESLint 适用于你所有的项目，建议全局安装 ESLint {代码...} 初始化配置文件 {代码...} 2.局部安装 {代码...} 初始化配置文件 {代码...} 3.webpack中配置eslint 需要安装eslint-loader解析.eslint文件 {代码...} 二、ESlint配置 1.配置文件类型与优先级顺序 .eslintrc.js - 使用 ....

在其他语言中如Java，所谓函数重载就是方法名相同参数不同的所有方法，因为在Java中只要函数签名(接受的参数类型和数量)不同，就认为是不同的函数。但是在JavaScript中函数没有签名，所以做不到真正的函数重载

1.对象初始化器或对象字面量：{[nameValuePair1[, nameValuePair2[, ...nameValuePairN]]]}

表示 Array 构造函数的原型，并允许您向所有Array对象添加新的属性和方法；鲜为人知的事实：Array.prototype 本身也是一个 Array

最近开发微信小程序，公司要求做一个类似闲鱼的tabbar，但是网上大多资料的tabbar都会在页面切换的时候重新渲染，所以我写了一个不会重新渲染的tabbar，有需要的直接拿走不谢。[链接]

执行环境定义了变量和函数的访问权限，决定了他们的各自行为。每个执行环境都有一个与之关联的变量对象，环境中定义的所有对象和函数都保存在这个对象里。