✅ 一、什么是 window.performancewindow.performance 是浏览器提供的高精度性能监控 API，属于 Performance API 的一部分。它能帮助你：精确测量代码执行时间分析页面加载过程评估资源加载性能优化用户体验性能瓶颈✅ 二、常见使用场景场景使用目的页面加载性能分析分...

JavaScript 的事件循环机制是其单线程执行模型的核心。1. 事件循环基本模型 {代码...} 2. 完整事件循环流程 {代码...} 3. 核心概念定义概念描述常见API执行栈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主张函数编程，推荐使用纯函数，数据不可变，单向数据流，但是可以手动编写onChan...

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 co...

在 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创建的项目所以修改默认配置没那...

如果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  表示日期的字符串值。...

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

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

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

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

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

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

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