BY彡阿长

前端工程本质上是解决如何提升效率和质量，降低成本

页面的请求过程当我们打开某个网站的页面时，浏览器会发起网络请求来获取页面的资源，我们可以从控制台network面板查看在 Network 面板里，我们能看到所有浏览器发起的网络请求，包括页面、图片、CSS 文件、XHR 请求等，还能看到请求的状态（200 成功、404 找不到、缓存、重定向等等）、耗时、请求头和内容、返回头和内容等。图中第一个就是网站页面的请求，返回页面。接下来，浏览器会加载页面，同时页面中涉及的外部资源也会根据需要，在特定的时机触发请求下载，包括我们看到的 PNG 图片、Java

JavaScript为什么是单线程JavaScript 最初被设计为浏览器脚本语言，主要用途包括对页面的操作、与浏览器的交互、与用户的交互、页面逻辑处理等。如果将 JavaScript 设计为多线程，那当多个线程同时对同一个 DOM 节点进行操作时，线程间的同步问题会变得很复杂。同步任务与异步任务同步任务：在主线程上排队执行的任务，前一个任务完整地执行完成后，后一个任务才会被执行。异步任务：不会阻塞主线程，在其任务执行完成之后，会再根据一定的规则去执行相关的回调。同步任务与函数调用栈

JavaScript 引擎如何执行 JavaScript 代码JavaScript 代码运行的各个阶段JavaScript是弱类型语言,在运行时才能确定变量类型JavaScript 引擎在执行 JavaScript 代码时，也会从上到下进行词法分析、语法分析、语义分析等处理，并在代码解析完成后生成 AST（抽象语法树），最终根据 AST 生成 CPU 可以执行的机器码并执行。这个过程，我们后面统一描述为语法分析阶段。除了语法分析阶段，JavaScript 引擎在执行代码时还会进行其他的处理。以 V8

说明本文为作者学习记录相关笔记及理解,如有不妥之处,请各位读者积极指出，虽然标题是深入理解，但可能存在许多不够深入的地方，请各位小伙伴不吝赐教一切都是对象一切引用类型都是对象，对象是属性的集合值类型就不是对象函数和对象的关系对象都是通过函数创建的对象是若干属性的集合，一切引用类型都是对象var obj = {name: 'zs', age: 20};//等价于var obj = new Object();obj.name = 'zs';obj.age = 20;每个函数都有

剖析浏览器渲染页面的过程浏览器的内部结构从结构上来看，浏览器主要包括8个子系统用户界面浏览器引擎渲染引擎网络子系统JavaScript解释器XML解释器显示后端数据持久化子系统这些子系统组合构成了我们的浏览器。页面的加载和渲染过程，离不开网络子系统、渲染引擎、JavaScript 解释器和浏览器引擎。以前端开发最常使用的 Chrome 浏览器为例， Chrome 浏览器是使用多进程架构的方式来管理这些子系统。Chrome 多进程架构Chrome 浏览器采用的多进程架构，主要

原型和闭包每个函数都有一个属性prototype,其属性值是一个对象,默认只有一个叫constructor的属性,指向这个函数本身每个对象都有一个隐藏的__proto__属性,指向创建这个对象的函数的prototypeObject.prototype.__proto__ ===null函数也是对象,也有__proto__ Object.__proto__===Function.prototypeFunction也是一个函数,是一种对象,有__proto__ 属性,它一定是被Function创建,