现代浏览器的工作原理
浏览器渲染过程工作原理
浏览器渲染过程工作原理
浏览器的渲染过程是将网页的HTML、CSS和JavaScript代码转化为可视化的网页内容的过程。
以下是浏览器渲染过程的简要工作原理：
1.解析HTML：浏览器首先会将接收到的HTML
代码进行解析，构建一个DOM（文档对象模型）树，
表示网页的结构。
2.解析CSS：浏览器会解析CSS样式表，构建一
个CSSOM（CSS对象模型）树，表示网页的样式信息。
3.构建渲染树：浏览器将DOM树和CSSOM树结
合起来，生成一个渲染树（也称为合成树或布局树）。
渲染树只包含需要显示的网页内容，例如具有可见样式
属性的元素。
4.布局：渲染树中的每个元素都会根据其在文档中
的位置计算出在屏幕上的精确坐标。
这个过程称为布局
或回流（reflow），它确定了每个元素在渲染树中的准
确位置和大小。
5.绘制：浏览器使用计算出的布局信息，将每个元
素转换为屏幕上的实际像素。
这个过程称为绘制
（painting）或栅格化（rasterization）。
6.合成：浏览器将绘制好的元素按正确的顺序合成
到屏幕上。
合成是将多个图层按照正确的顺序组合成最
终的图像。
7.显示：最后，浏览器将合成后的图像显示在屏幕
上，呈现给用户。
值得注意的是，浏览器在进行渲染过程时会尽可能提高性能和用户体验。
为了实现更快的渲染速度，现代浏览器采用了一些优化技术，如异步加载脚本、预解析和预加载资源、使用CSS和JavaScript动画等。
这些技术可以减少页面加载时间，提高用户感知的渲染速度。
vite esbuild原理(二)
vite esbuild原理(二)vite esbuild原理解析背景在现代前端开发中，构建工具扮演着至关重要的角色。
它们可以自动化处理各种任务，如代码压缩、模块化管理以及性能优化等。
其中，Vite是一个快速、简单的 web 构建工具，而esbuild则是Vite的底层模块打包器。
本文将深入探讨Vite esbuild的原理。
Vite简介Vite 是一个基于浏览器原生支持的 ES imports 静态分析的 web 开发构建工具。
它利用现代浏览器的原生模块化支持，避免了传统构建工具中繁琐的打包过程，使得开发过程更加高效。
Vite 提供了一个快速的开发服务器，能够实现按需编译，减少了冷启动时间。
esbuild原理esbuild是一个快速的、简单的JavaScript打包器，它是Vite构建工具的核心。
esbuild利用了Go语言的高性能编译器，实现了极快的构建速度。
下面我们将一步一步深入解析它的原理。
1.静态分析 esbuild通过静态分析对模块进行处理。
它遵循ES6规范，并支持一些常见的JavaScript扩展，如TypeScript和JSX。
静态分析过程可以快速确定模块的依赖关系，以及导入和导出的内容。
2.依赖解析在Vite中，esbuild通过解析import语句来确定模块之间的依赖关系。
它会递归地解析所需的所有模块，以构建整个依赖图。
这样，当某个模块的内容发生变化时，只需要编译和重新加载该模块及其依赖项，而不是整个应用程序。
3.转译和代码优化 esbuild会将JavaScript代码转译为兼容性更好的版本，以便在不同浏览器中运行。
同时，它还会执行一些代码优化技术，如删除未使用的代码、折叠常量以及内联函数等，以减少打包后的代码体积。
4.模块分块 esbuild使用了Rollup的模块分块技术，将代码分为多个块。
这样可以实现按需加载，提高应用程序的加载速度。
每个块都是一个独立的文件，可以通过浏览器的原生模块系统进行加载。
history和hash路由的原理
history和hash路由的原理History和Hash路由是现代Web开发中常见的两种路由方式，它们都是通过改变URL来实现页面的跳转和内容的展示。
本文将深入介绍这两种路由的原理，并一步一步回答关于它们的问题。
1. 什么是路由？在Web开发中，路由是指根据不同的URL路径来展示不同的页面或资源的过程。
它允许用户通过点击链接或输入URL来访问特定的页面。
2. 什么是URL？URL（Uniform Resource Locator，统一资源定位符）是Web 上用于定位资源的地址。
它由协议类型、域名（或IP地址）、端口号（可选）、路径和查询参数组成。
使用不同的URL可以访问不同的页面或资源。
3. 什么是History路由？History路由是指通过改变URL的路径和查询参数来实现页面跳转和内容展示的方式。
它利用浏览器的History API来修改URL，使得浏览器不会重新加载页面，从而实现无刷新的页面切换。
4. History路由的原理是什么？History路由的原理可以简单地概括为以下几个步骤：- 当用户点击链接或执行特定操作时，JavaScript代码调用History API中的pushState或replaceState方法来修改URL。
- 修改后的URL会被保存在浏览器的历史记录中，但浏览器不会重新加载页面。
- 根据修改后的URL，JavaScript代码会根据需求加载对应的资源，更新页面内容。
- 在用户点击“后退”或“前进”按钮时，JavaScript代码监听浏览器的popstate事件，获取新的URL，并再次根据新URL加载对应的资源。
5. 什么是Hash路由？Hash路由是指通过改变URL中的锚点（）后面的内容来实现页面跳转和内容展示的方式。
它不会触发浏览器的页面加载，只会改变锚点后面的内容，并触发相关的事件进行页面更新。
6. Hash路由的原理是什么？Hash路由的原理可以简单地概括为以下几个步骤：- 当用户点击链接或执行特定操作时，JavaScript代码会修改URL中的锚点后面的内容，例如`examplepage1`。
网络搜索引擎原理及未来发展趋势
摘要本文比较详细地介绍了互联网搜索引擎的概念、发展历史、工作原理和未来趋势。
先从工作流程的角度解释了搜索引擎实现机制，通俗地概括为预处理和提供查询服务，描绘了整个技术构成易于理解的概览图。
接着对各个分支模块，包括爬虫、分布式文件系统、索引和排序规则展开详细论述，然后以实践经验为指导，分析了各个模块的改进设计。
本文内容是以搜索引擎理论研究为主，并对未来搜索引擎的智能化、个性化发展趋势做了详细的介绍。
本文对于从事网络技术开发、信息检索技术和数据挖掘研究都有一定的参考意义。
关键词搜索引擎；体系结构；发展趋势AbstractIn this paper, a more detailed introduction of the Internet search engine’s development history, theory and technology was presented. Start with the perspective of workflow explained the mechanism for implementing a web search engine, which is summarized as pretreatment and web services. It can be divided as spider, distributed file system, indexing and ranking rules. Further more, I put forward my own opinion of ranking algorithm improvement. Meanwhile, I explained the search engine architecture design principles and a comparative analysis of other possible design options. Because of strict logical ratiocination and abundant experimental data, it’s fit for variety of readers. And intelligent, personalized trend of search engine development are described in detail. It is a good reference for Information Retrieval and Data Mining research and web search engine development.Key wordsSearch engine；architecture; development trend目录摘要 (1)Abstract (2)前言 (5)第一章网络搜索引擎的产生.................................................................. 错误!未定义书签。
互联网如何工作
互联网如何工作互联网已然成为现代社会中不可或缺的一部分。
它不仅改变了我们的生活方式，还对各行业产生了深远的影响。
那么，互联网是如何工作的呢？首先，互联网的基础是一种全球性的计算机网络，它将数以亿计的计算机连接在一起。
这些计算机可以是个人电脑、服务器、手机、智能家居设备等。
它们通过一系列的协议和技术相互链接，实现信息的传输和交流。
互联网的工作原理可以分为三个主要步骤：发送请求、路由传输、接收响应。
首先是发送请求。
当我们在浏览器地址栏输入一个网址时，我们实际上是发出了一个HTTP请求。
这个网址也称为统一资源定位符（URL）。
浏览器会将这个URL发送给互联网服务提供商（ISP），ISP将会查找该网址对应的IP地址。
接下来是路由传输。
一旦 ISP 知道了 IP 地址，它会将请求通过一系列的路由器和服务器传输到目标服务器。
每个路由器都有一个路由表，它记录了如何将数据包从一个网络传输到另一个网络的路径。
数据包会经过多个路由节点，这些节点可能位于不同的地理位置。
最后是接收响应。
一旦请求到达目标服务器，服务器会对请求进行处理，并向浏览器返回一个响应。
响应的内容可能是一个网页、一张图片、一个文件等等。
响应被分割成多个数据包，通过与发送请求时类似的方式进行传输，最终在浏览器上呈现给用户。
为了保证互联网的可靠性和安全性，还有一系列的协议和技术在背后起着重要的作用。
其中，IP（Internet Protocol）协议负责将数据包分割成合适的大小并传输；TCP（Transmission Control Protocol）协议则确保数据的完整性和顺序；HTTPS（Hypertext Transfer Protocol Secure）协议则通过加密通信保护用户的隐私；DNS（Domain Name System）则负责将网址翻译成 IP 地址等等。
除了传输和连接数据的作用之外，互联网还提供了许多其他的服务和功能。
例如，我们可以通过电子邮件发送和接收电子邮件，通过即时通讯工具与他人进行实时交流，通过在线购物平台进行网上购物等等。
互联网基本原理和功能
互联网基本原理和功能互联网已经成为现代社会中不可或缺的一部分。
在日常生活中，我们常常使用互联网进行信息搜索、社交媒体交流、在线购物等各种活动。
然而，对于大多数人来说，对互联网的基本原理和功能了解有限。
本文将介绍互联网的基本原理，并探讨其主要功能。
一、互联网的基本原理互联网是由庞大的网络系统组成，它通过使用标准的互联网协议（TCP/IP）使不同类型的计算机能够互相连接和通信。
以下是互联网的基本原理：1. IP地址和域名系统（DNS）：互联网中的每个设备都被分配一个唯一的IP地址，它类似于门牌号码。
通过DNS，用户可以使用易于记忆的域名来访问特定的网站或资源，而不是记住复杂的IP地址。
2. 网络协议：互联网使用一系列网络协议来管理数据传输。
其中最重要的是TCP（传输控制协议）和IP（互联网协议）。
TCP负责将数据分割成小的数据包，并通过可靠的方式将它们交付给目的地。
IP则负责寻找最佳路径将这些数据包从发送方传输到接收方。
3. 客户端和服务器：互联网通信的两个主要角色是客户端和服务器。
客户端是用户使用的设备，如个人计算机、智能手机等。
服务器是存储和提供信息的设备。
当用户在浏览器中输入网址时，客户端向服务器发送请求，并从服务器接收响应。
二、互联网的主要功能互联网作为信息交流和资源共享的平台，具有多种主要功能：1. 资讯查询与搜索：互联网为用户提供了海量的信息资源，用户可以通过搜索引擎查找感兴趣的内容。
搜索引擎会根据用户输入的关键词，在众多网页中寻找相关内容，并将搜索结果按照相关性进行排列。
2. 电子邮件：电子邮件是互联网最早也是最基本的功能之一。
用户可以通过电子邮件发送和接收文字、图片、文件等各种类型的信息。
电子邮件的快速和方便使人们在工作和生活中更容易进行沟通和合作。
3. 社交媒体：随着互联网的发展，社交媒体成为人们日常生活中重要的一部分。
通过社交媒体平台，用户可以与朋友、家人和他人保持联系，并分享自己的生活和观点。
计算机网络教案了解互联网的工作原理
计算机网络教案了解互联网的工作原理计算机网络教案：了解互联网的工作原理互联网（Internet）作为现代社会不可或缺的一部分，已经深入到了我们的生活和工作中。
然而，对于许多人来说，互联网的工作原理仍然是一个神秘的领域。
本教案旨在通过解释互联网的工作原理，帮助学生全面了解互联网的基本架构和运行方式。
一、引言互联网是全球最大的计算机网络，它连接了数十亿个设备和数以百万计的网络。
它提供了无数的服务和资源，例如电子邮件、网页浏览、视频通话等。
为了更好地理解互联网的工作原理，我们需要先了解以下几个关键概念。
二、互联网的基本架构互联网的基本架构可以简单地划分为两个主要部分：客户端和服务器。
1. 客户端客户端是连接到互联网的设备，例如个人电脑、智能手机、平板电脑等。
客户端通过各种应用程序与互联网进行交互，例如使用浏览器浏览网页、发送电子邮件、下载文件等。
客户端向服务器发送请求，并接收和处理服务器返回的响应。
2. 服务器服务器是存储和管理互联网上各种服务和资源的计算机。
服务器通过网络提供服务，例如网页、电子邮件、文件存储等。
当客户端向服务器发送请求时，服务器会处理请求并返回相应的数据或服务。
三、互联网的协议互联网通信的核心是协议。
协议是一套规定了互联网设备之间通信方式和数据交换格式的规则。
以下是几个重要的互联网协议。
1. IP（Internet Protocol）IP是互联网上使用的主要协议之一，它负责将数据从一个网络设备传输到另一个网络设备。
IP地址是唯一标识一个设备的地址，通过IP地址，数据可以准确地传送到目的地。
2. TCP（Transmission Control Protocol）TCP是一种可靠的传输协议，它保证了数据的可靠传输。
TCP 将数据分割成小的数据包，并确保它们按照正确的顺序到达目的地，并进行差错检测和纠正。
3. HTTP（HyperText Transfer Protocol）HTTP是用于在客户端和服务器之间传输超文本的协议。
tmswebcore 原理
tmswebcore 原理TMS Web Core是一种基于Delphi和Object Pascal的Web应用程序开发框架，它允许开发人员使用这些传统的编程语言来构建现代的Web应用程序。
TMS Web Core的原理是基于将Delphi/Object Pascal代码编译成JavaScript，以便在Web浏览器中执行。
它使用了Embarcadero Delphi的编译器和TMS Software 的自定义JavaScript引擎，将Delphi/Object Pascal代码转换为与Web技术兼容的JavaScript代码。
TMS Web Core的原理可以分为以下几个方面来解释：1. Delphi/Object Pascal代码转换，开发人员可以使用Delphi/Object Pascal编写Web应用程序的前端和后端代码，然后通过TMS Web Core的编译器将其转换为JavaScript代码。
这意味着开发人员可以利用他们熟悉的编程语言和工具来构建Web应用程序，而无需学习新的语言或框架。
2. JavaScript引擎，TMS Web Core包含了一个定制的JavaScript引擎，用于执行从Delphi/Object Pascal转换而来的JavaScript代码。
这个引擎确保了转换后的代码在Web浏览器中能够正确运行，并且具有良好的性能和稳定性。
3. 组件库和框架，TMS Web Core提供了丰富的组件库和框架，用于构建Web应用程序的用户界面和业务逻辑。
这些组件和框架与Delphi的VCL（可视组件库）类似，使得开发人员可以快速地构建功能丰富、交互性强的Web应用程序。
总的来说，TMS Web Core的原理是利用Delphi/Object Pascal编写Web应用程序的代码，然后通过编译器将其转换为JavaScript代码，再通过自定义的JavaScript引擎在Web浏览器中执行。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
现代浏览器的工作原理发布时间：2012-02-4 12:44 来源：zzzaquarius分类：IT技术, 程序员都等你发言 :)简介浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入到你看到google主页过程中都发生了什么。
将讨论的浏览器今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。
本文将基于一些开源浏览器的例子——Firefox、 Chrome及Safari，Safari是部分开源的。
根据W3C（World Wide Web Consortium 万维网联盟）的浏览器统计数据，当前（2011年9月），Firefox、Safari及Chrome的市场占有率综合已快接近50％。
（原文为2009年10月，数据没有太大变化）因此，可以说开源浏览器将近占据了浏览器市场的半壁江山。
浏览器的主要功能浏览器的主要功能是将用户选择得web资源呈现出来，它需要从服务器请求资源，并将其显示在浏览器窗口中，资源的格式通常是HTML，也包括PDF、image及其他格式。
用户用URI（Uniform Resource Identifier 统一资源标识符）来指定所请求资源的位置，在网络一章有更多讨论。
HTML和CSS规范中规定了浏览器解释html文档的方式，由 W3C组织对这些规范进行维护，W3C是负责制定web标准的组织。
HTML规范的最新版本是HTML4(/TR/html401/)，HTML5还在制定中（译注：两年前），最新的CSS规范版本是2（/TR/CSS2），CSS3也还正在制定中（译注：同样两年前）。
这些年来，浏览器厂商纷纷开发自己的扩展，对规范的遵循并不完善，这为web开发者带来了严重的兼容性问题。
但是，浏览器的用户界面则差不多，常见的用户界面元素包括：▲用来输入URI的地址栏▲前进、后退按钮▲书签选项▲用于刷新及暂停当前加载文档的刷新、暂停按钮▲用于到达主页的主页按钮奇怪的是，并没有哪个正式公布的规范对用户界面做出规定，这些是多年来各浏览器厂商之间相互模仿和不断改进得结果。
HTML5并没有规定浏览器必须具有的UI元素，但列出了一些常用元素，包括地址栏、状态栏及工具栏。
还有一些浏览器有自己专有得功能，比如Firefox得下载管理。
更多相关内容将在后面讨论用户界面时介绍。
浏览器的主要构成High Level Structure浏览器的主要组件包括：▲用户界面－包括地址栏、后退/前进按钮、书签目录等，也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分▲浏览器引擎－用来查询及操作渲染引擎的接口▲渲染引擎－用来显示请求的内容，例如，如果请求内容为html，它负责解析html 及css，并将解析后的结果显示出来▲网络－用来完成网络调用，例如http请求，它具有平台无关的接口，可以在不同平台上工作UI 后端－用来绘制类似组合选择框及对话框等基本组件，具有不特定于某个平台的通用接口，底层使用操作系统的用户接口▲JS解释器－用来解释执行JS代码▲数据存储－属于持久层，浏览器需要在硬盘中保存类似cookie的各种数据，HTML5定义了web database技术，这是一种轻量级完整的客户端存储技术图1：浏览器主要组件需要注意的是，不同于大部分浏览器，Chrome为每个Tab分配了各自的渲染引擎实例，每个Tab就是一个独立的进程。
对于构成浏览器的这些组件，后面会逐一详细讨论。
组件间的通信 Communication between the componentsFirefox和Chrome都开发了一个特殊的通信结构，后面将有专门的一章进行讨论。
渲染引擎 The rendering engine渲染引擎的职责就是渲染，即在浏览器窗口中显示所请求的内容。
默认情况下，渲染引擎可以显示html、xml文档及图片，它也可以借助插件（一种浏览器扩展）显示其他类型数据，例如使用PDF阅读器插件，可以显示PDF格式，将由专门一章讲解插件及扩展，这里只讨论渲染引擎最主要的用途——显示应用了CSS之后的html及图片。
渲染引擎 Rendering engines本文所讨论得浏览器——Firefox、Chrome和Safari是基于两种渲染引擎构建的，Firefox使用Geoko——Mozilla自主研发的渲染引擎，Safari和Chrome都使用webkit。
Webkit是一款开源渲染引擎，它本来是为linux平台研发的，后来由Apple移植到Mac及Windows上，相关内容请参考。
主流程 The main flow渲染引擎首先通过网络获得所请求文档的内容，通常以8K分块的方式完成。
下面是渲染引擎在取得内容之后的基本流程：解析html以构建dom树->构建render树->布局render树->绘制render树图2：渲染引擎基本流程渲染引擎开始解析html，并将标签转化为内容树中的dom节点。
接着，它解析外部CSS文件及style标签中的样式信息。
这些样式信息以及html中的可见性指令将被用来构建另一棵树——render树。
Render树由一些包含有颜色和大小等属性的矩形组成，它们将被按照正确的顺序显示到屏幕上。
Render树构建好了之后，将会执行布局过程，它将确定每个节点在屏幕上的确切坐标。
再下一步就是绘制，即遍历render树，并使用UI后端层绘制每个节点。
值得注意的是，这个过程是逐步完成的，为了更好的用户体验，渲染引擎将会尽可能早的将内容呈现到屏幕上，并不会等到所有的html都解析完成之后再去构建和布局render 树。
它是解析完一部分内容就显示一部分内容，同时，可能还在通过网络下载其余内容。
图3：webkit主流程图4：Mozilla的Geoko 渲染引擎主流程从图3和4中可以看出，尽管webkit和Gecko使用的术语稍有不同，他们的主要流程基本相同。
Gecko称可见的格式化元素组成的树为frame树，每个元素都是一个frame，webkit则使用render树这个名词来命名由渲染对象组成的树。
Webkit中元素的定位称为布局，而Gecko中称为回流。
Webkit称利用dom节点及样式信息去构建render树的过程为attachment，Gecko在html和dom树之间附加了一层，这层称为内容接收器，相当制造dom元素的工厂。
下面将讨论流程中的各个阶段。
解析 Parsing－general既然解析是渲染引擎中一个非常重要的过程，我们将稍微深入的研究它。
首先简要介绍一下解析。
解析一个文档即将其转换为具有一定意义的结构——编码可以理解和使用的东西。
解析的结果通常是表达文档结构的节点树，称为解析树或语法树。
例如，解析“2＋3－1”这个表达式，可能返回这样一棵树。
图5：数学表达式树节点文法 Grammars解析基于文档依据的语法规则——文档的语言或格式。
每种可被解析的格式必须具有由词汇及语法规则组成的特定的文法，称为上下文无关文法。
人类语言不具有这一特性，因此不能被一般的解析技术所解析。
解析器－词法分析器 Parser－Lexer combination解析可以分为两个子过程——语法分析及词法分析词法分析就是将输入分解为符号，符号是语言的词汇表——基本有效单元的集合。
对于人类语言来说，它相当于我们字典中出现的所有单词。
语法分析指对语言应用语法规则。
解析器一般将工作分配给两个组件——词法分析器（有时也叫分词器）负责将输入分解为合法的符号，解析器则根据语言的语法规则分析文档结构，从而构建解析树，词法分析器知道怎么跳过空白和换行之类的无关字符。
图6：从源文档到解析树解析过程是迭代的，解析器从词法分析器处取道一个新的符号，并试着用这个符号匹配一条语法规则，如果匹配了一条规则，这个符号对应的节点将被添加到解析树上，然后解析器请求另一个符号。
如果没有匹配到规则，解析器将在内部保存该符号，并从词法分析器取下一个符号，直到所有内部保存的符号能够匹配一项语法规则。
如果最终没有找到匹配的规则，解析器将抛出一个异常，这意味着文档无效或是包含语法错误。
转换 Translation很多时候，解析树并不是最终结果。
解析一般在转换中使用——将输入文档转换为另一种格式。
编译就是个例子，编译器在将一段源码编译为机器码的时候，先将源码解析为解析树，然后将该树转换为一个机器码文档。
图7：编译流程解析实例 Parsing example图5中，我们从一个数学表达式构建了一个解析树，这里定义一个简单的数学语言来看下解析过程。
词汇表：我们的语言包括整数、加号及减号。
语法：1. 该语言的语法基本单元包括表达式、term及操作符2. 该语言可以包括多个表达式3. 一个表达式定义为两个term通过一个操作符连接4. 操作符可以是加号或减号5. term可以是一个整数或一个表达式现在来分析一下“2＋3－1”这个输入第一个匹配规则的子字符串是“2”，根据规则5，它是一个term，第二个匹配的是“2＋3”，它符合第2条规则——一个操作符连接两个term，下一次匹配发生在输入的结束处。
“2＋3－1”是一个表达式，因为我们已经知道“2＋3”是一个term，所以我们有了一个term 紧跟着一个操作符及另一个term。
“2＋＋”将不会匹配任何规则，因此是一个无效输入。
词汇表及语法的定义词汇表通常利用正则表达式来定义。
例如上面的语言可以定义为：1 2 INTEGER：0｜［1－9］［0－9］＊PLUS：＋3 MINUS：－正如看到的，这里用正则表达式定义整数。
语法通常用BNF格式定义，我们的语言可以定义为：1 2 3 expression :＝ term operation termoperation := PLUS | MINUSterm := INTEGER | expression如果一个语言的文法是上下文无关的，则它可以用正则解析器来解析。
对上下文无关文法的一个直观的定义是，该文法可以用BNF来完整的表达。
可查看/wiki/Context-free_grammar。
解析器类型 Types of parsers有两种基本的解析器——自顶向下解析及自底向上解析。
比较直观的解释是，自顶向下解析，查看语法的最高层结构并试着匹配其中一个；自底向上解析则从输入开始，逐步将其转换为语法规则，从底层规则开始直到匹配高层规则。
来看一下这两种解析器如何解析上面的例子：自顶向下解析器从最高层规则开始——它先识别出“2＋3“，将其视为一个表达式，然后识别出”2＋3－1“为一个表达式（识别表达式的过程中匹配了其他规则，但出发点是最高层规则）。
自底向上解析会扫描输入直到匹配了一条规则，然后用该规则取代匹配的输入，直到解析完所有输入。