每日一题

Promise 创建后立即执行，resolve 或 reject 函数在同步代码之后执行，等到 resolve 或 reject 执行后，进入 then 或 catch 函数。

ES6 新增的声明变量关键字 let 以及暂时性死区的知识。let 和以前的 var关键字不一样，无法在 let 声明变量之前访问到该变量，所以在 typeof b 的地方就会报错。

ES6 的 class 和 普通构造函数的区别 ES6 中的 class 必须通过 new 来调用，不能当作普通函数调用，否则报错。（因此，在答案中，加入了 'new.target' 来判断调用方式。

Vue.js 是一个一个用于创建用户界面的开源 JavaScript 框架，也是一个创建单页应用的 Web 应用框架。 Vue 是一套用于构建用户界面的渐进式 MVVM 框架。

ES6 继承机制完全不同，实质是先将父类实例对象的属性和方法添加到 this 上。（这里必须先调用 super 方法），然后再用子类的构造函数修改 this 。

受控组件和非受控组件指的是 表单元素。事件创建者 在声明事件时用箭头函数。事件调用者 在调用时外层包裹箭头函数。

Vue-Router 提供了更高级灵活的跳转功能，无刷新页面。静态跳转。特别适合需要处理复杂路由和频繁页面跳转的场景。 location.href 会刷新页面，适用于简单的页面间跳转。

组件式选择合适的 CSS 遵循原则 可以编写的局部 CSS，不会随意污染其他组件内的原生。 可以编写的动态 CSS，可以获取当前组件的一些状态，根据状态的变化生成不同的 CSS 样式。

函数式组件即无状态组件，没有data、computed、watch，也没有生命周期方法，组件中也没有this上下文，只有props传参。在开发中，有很多组件仅仅只用到了props和插槽。

Base64 编码 Base64 编码是采用 64 个基本的 ASCII 码字符，对数据重新编码。 把3个8 位的字节（3*8 = 24）转化为 4 个 6 位的字节（4*6=24），并在6位前补0。

Composition API 的组件是根据逻辑功能来组织的，一个功能所定义的所有 API 会放在一起（更加高内聚、低耦合）。即使项目很大，功能很多，我们都能快速的定位到这个功能用到的所有 API。

微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。与技术栈无关、独立开发、独立部署、增量升级、独立运行。

NaN 全局属性 NaN 的值表示不是一个数字(not-a-number)。在 JS 中，NaN 最特殊的地方就是，NaN == NaN 和 NaN === NaN 都会返回 false。

void 表示函数不会返回任何类型，默认会赋值 undefined / null。 never 表示函数不包含值的类型，即表示永远不存在的值。

如果一个任务阻塞了主线程还没办法中断，页面就会卡顿。React Fiber 是为了解决这些问题。React Fiber是一种协调算法和优化技术。

Vue3 中的 Tee Shaking 是一种优化技术，专业叫 Dead code elimination ，通过清除未使用的代码来减少最终生成的代码体积（优化项目打包），从而提高应用的性能。

主要利用postcss 等插件，根据文件的相对路径生成唯一的 hash 值作为 `scopeId`，在 HTML 标签上添加`data-v-${scopeId}` 属性。

React 的虚拟 DOM（Virtual DOM）是通过 JavaScript 对象树来实现的。每次数据更新后，重新计算 VM ， 并和上一次生成的 VM 树进行对比，对发生变化的部分进行批量更改。

在大多数情况下我们在设置元素的 border 和 padding 并不希望改变元素的 width、height的宽度

虽然 Composition API 看起来比 React Hooks 好用，但其设计思想也是借鉴 React Hooks 的。