庞囧的博客

理解浏览器怎么解析HTML文件的，我认为有利于我们去分析一些性能问题，并且能对浏览器的工作有更加深入的了解。ok，咱们开始来看看浏览器拿到HTML文件后到底做了什么。因为网上关于这块的讲解各种各样，毫不统一，所以以下内容纯属个人的理解，如果有错误，或者讲的比较含糊的地方，欢迎大佬指正。

这是一个面试经常问到的问题，如果在前些年，你只需要粗略的回答下大致的过程基本就满分了。但是如今这个逐层挤压，资源缩减的大环境下，面试很有可能会对某个节点深入提问。我这里就尽量记录我所知道的，太深入的知识只能抱歉了。【计算机原理交集】浏览器的多进程与内核以及JS引擎。

本文章通过阮一峰老师的相关文章，结合其他网友的归纳，以及个人对一些原文错误的修正，总结而来。其他需掌握的编码有机会的话会在后续补充。本文章作用是方便个人复习查阅。推荐看阮一峰老师相关原文！下文有很多解释就是引用原文。首先说说为什么前端需要了解一些编码相关的东西，因为部分编码问题在工作中是会遇到的，而且随着你的职业生涯发展，你会发现之前觉得不会接触的编码突然间就要使用到了。其次进制转换的问题，了解即可。

承接上文【计算机原理交集】前端初识数据结构与算法—上篇（栈、队列、链表、集合、字典）

插入一个，后面的子项都要后移，相较于pop复杂度O1来说，是个On复杂度。细品一下，你就会发现第二种方法在一次操作之后剩下的栈内容需要改变下标，所以栈成员多的时候，第一种性能更好。冷知识：一个js文件的调用其实是一个大的匿名函数的调用，文件里面的代码就是匿名函数里面要执行的东西。）来人为的模拟，但是如果数据量大的话，用数组的方式去实现就比较耗费性能，因为。直接看上面的简单版就行了，下面的类实现太复杂了，会写了过时间久了就会忘。队列就和现实中的排队一样，后来的人排后面，第一个人先出，遵循。

文章目录强类型、弱类型动静态类型C++与Java的问题 强类型、弱类型 举个例子 Python： a = 1 type(a) // 'int' b = '2' type(b) // 'str' a+b // 报错，常识 JS： let a = 1 typeof a // 'number' let b = '2' typeof b // 'string' a+b // 为'12' JS是弱类型，具有隐式的类型转换的特性，Python是强类型偏向不容忍隐式的类型转换。 动静态类型 举个例子 Python：

引擎的解析过程从宏观来看大致为：先把JS通过parser（解析器）解析成抽象语法树AST，再通过interpreter（解释器）解释成字节码bytecode，它是一种跨平台的中间表示，可以在不同的操作系统运行，再通过compiler（编译器）生成机器代码（汇编），这个编译器还会根据不同的处理器平台（IA32、X64、ARM、MIPS）编译出对应的机器代码（汇编）；创建程序时，就会创建一个进程，并把进程的状态保存在内存空间里，进程可以启动更多同级的进程，且分配的内存空间相互独立。

文章目录编译型语言特点总结解释型语言特点总结编译或解释不是语言的特性，而是实现的特性总结 高级语言都需要转成机器语言才能让计算机执行，转换的方法主要分为两种：解释和编译。 以下解释来源转载加补充： 引用开始： https://www.jianshu.com/p/54e2aeca013b 《什么是编译型语言和解释型语言？》 编译型语言 使用专门的编译器，针对特定的平台，将高级语言源代码一次性的编译成可被该平台硬件执行的机器码，并包装成该平台所能识别的可执行性程序的格式。 特点 在编译型语言写的程序执行之前