Aurora

前言作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式页面是怎样渲染到电脑屏幕的呢？在开放的互联网它又是怎样保证我们个人信息安全的呢？下面就（非常非常）简单总结一下。 Chrome 架构：仅仅打开了 1 个页面，为什么有 4 个进程线程和进程区别：多线程可以并行处理任务，线程不能单独存在，它是由进程来启动和管理的。一个进程是一个程序的运行实例。 线程和进程的关系：1、进程中任意一线程执行出错，都会导致整个进程的崩溃。2、线程之间共享进程中的数据。3、当一个进程关闭后，操作系统会回收进程所占用的内存。4、进程之间的内容相互隔离。 单进程 浏览器：1、不稳定。单进程中的插件、渲染线程崩溃导致整个浏览器崩溃。2、不流畅。脚本（死循环）或插件会使浏览器卡顿。3、不安全。插件和脚本可以获取到操作系统任意资源。 多进程浏览器：1、解决不稳定。进程相互隔离，一个页面或者插件崩溃时，影响仅仅时当前插件或者页面，不会影响到其他页面。2、解决不流畅。脚本阻塞 ...

作为前端开发工程师，ES6 这个词想必不陌生，ECMAScript 这个奇怪发音的名字应该也应该有所了解，你是否好奇过 ECMA 世界的神秘数字代号，ECMA-262 是什么，ESxxx 又是什么，TC39 是什么，Stage 3 、Stage 4 又意味着什么？你是否被层出不穷的 ES20XX 新特性所迷惑，需要掌握该特性到底是哪年推出的吗，这些提案在哪里能够看到，哪些已经可用，历年的 ES 标准去哪里查找？今天我来带大家揭开 ECMAScript 的神秘面纱，彻底理解掌握这些神秘代号，以及截止到 2024 年 ECMAScript 的特性。 另：祝贺我国首个 JS 语言提案在 2021 年 4 月进入 Stage 3，在 2021 年 11 月成功进入 Stage 4，并在 ECMAScript 2022 正式发布，成为事实上的标准，详见 Error Cause。 2024 年 6 月 26 日，Ecma 国际通过了 ECMA-262 第 15 版 —— ECMAScript® 2024 标准。 ECMAScript 历史我们首先来看 ECMA 是什么。ECMA，读音类似“ ...

React 16 特性Fiber 架构React 16 引入了全新的 Fiber 架构，这是 React 内部实现的一次彻底重写。Fiber 架构带来了更好的错误处理、更高效的渲染和更新机制，以及支持异步渲染的能力。 错误边界错误边界是一种新的组件，用于捕获其子组件树中的 JavaScript 错误，并展示回退 UI，而不会崩溃整个应用。 class ErrorBoundary extends React.Component { constructor(props) { super(props); this.state = { hasError: false }; } static getDerivedStateFromError(error) { // Update state so the next render will show the fallback UI. return { hasError: true }; } componentDidCatch( ...