每日一题

样式隔离是指各组件的样式相互独立、不发生冲突。本文介绍几种方式来实现样式的隔离，以及 scoped样式冲突的问题分析。

JS是单线程按顺序执行的。 setTimeout是异步函数，每一次执行都不执行里面的函数，而是被放在队列里。

React引入Fiber架构的主要原因是为了实现更好的异步渲染和更高效的任务调度。Fiber架构使得React能够更细粒度地控制和中断渲染过程，以便更好地响应用户交互、实现懒加载等功能。

在 Vue 中，key 是用于帮助 Vue 识别和跟踪虚拟 DOM 的变化的特殊属性。当 Vue 更新渲染真实 DOM 时，它使用 key 属性来比较新旧节点，并尽可能复用已存在的真实 DOM 节点。

toPrimitive 是一个抽象操作，用于将一个值转换为原始值（primitive value），即字符串、数字或布尔值。

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是一种协调算法和优化技术。