yanm1ng

* 降低请求量：合并资源，减少 HTTP 请求数，minify / gzip 压缩，webP，lazyload。 * 加快请求速度：预解析DNS，减少域名数，并行加载，CDN 分发。 * 增加缓存：HTTP 协议缓存请求，离线缓存 manifest，离线数据缓存 localStorage、PWA。 * 渲染优化：首屏内容最小化，JS/CSS优化，加载顺序，服务端渲染，pipeline。

图片格式 | 压缩方式 | 透明度 | 动画 | 浏览器兼容 | 适应场景 -- | -- | -- | -- | -- | -- JPEG | 有损压缩 | 不支持 | 不支持 |...

* 前端工程化是使用软件工程的技术和方法来进行前端项目的开发、维护和管理 * 所有能降低成本，并且能提高效率的事情的总称为工程化 * 软件工程化关注的是性能、稳定性、可用性、可维护性等方面，一切以这些为目标的工作都是"前端工程化"

Node.js 中的进程 Process 是一个全局对象，无需 require 直接使用，给我们提供了当前进程中的相关信息。Node.js 中进程可以使用 child_process 模块创建。 关系： • 一个线程只能属于一个进程，而一个进程可以有多个线程，但至少有一个线程（通常说的主线程）。 • 同一进程的所有线程共享该进程的所有资源。 • 进程在执行过程中，需要协作同步。不同进程的线程间要利用消息通信的办法实现同步。 • 处理机分给线程，即真正在处理机上运行的是线程。 • 线程是指进程内的一个执行单元，也是进程内的可调度实体。 区别： • 调度：线程作为调度和分配的基本单位，进程作为拥有资源的基本单位。 • 拥有资源：进程是拥有资源的一个独立单位，线程不拥有系统资源，但可以访问隶属于进程的资源。

「Virtual Dom 的优势」其实这道题目面试官更想听到的答案不是上来就说「直接操作/频繁操作 DOM 的性能差」，如果DOM操作的性能如此不堪，那么 jQuery 也不至于活到今天。所以面试官更想听到 VDOM 想解决的问题以及为什么频繁的 DOM 操作会性能差。 首先我们需要知道： * DOM 引擎、JS 引擎 相互独立，但又工作在同一线程（主线程） * JS 代码调用 DOM API 必须 挂起 JS 引擎、转换传入参数数据、激活 DOM 引擎，DOM 重绘后再转换可能有的返回值，最后激活 JS...