标签： scanner

发布于

TypeScript 编译流程全解：Scanner -> Parser -> Binder -> Checker -> Emitter

TypeScript 编译流程全解：Scanner -> Parser -> Binder -> Checker -> Emitter 引言 TypeScript 是一种由微软开发的自由和开源的编程语言，它是 JavaScript 的一个超集，添加了可选的静态类型和基于类的面向对象编程。TypeScript 的编译器将 TypeScript 代码转换为 JavaScript 代码，以便在浏览器或其他 JavaScript 运行环境中执行。本文将深入探讨 TypeScript 的编译流程，从词法分析（Scanner）到代码生成（Emitter），并辅以实际代码示例，帮助读者更好地理解这一过程。 1. Scanner（词法分析器） 词法分析器是编译器的第一个阶段，它的任务是读取源代码并将其分解为一系列的标记（tokens）。这些标记是编译器理解代码的基础。 1.1 标记类型 TypeScript 的标记可以分为以下几类： 关键字（如 class, function, if 等） 标识符（变量名、函数名等） 字面量（数字、字符串、布尔值等） 分隔符（逗号、分号、括号等 …

继续阅读“TypeScript 编译流程全解：Scanner -> Parser -> Binder -> Checker -> Emitter”

发布于

HTML文档的Preload Scanner：提前发现外部资源并优化下载顺序的机制

HTML Preload Scanner：深入解析与优化实践 大家好，今天我们来聊聊HTML Preload Scanner，这个经常被我们忽略，但却对网页性能至关重要的机制。它能够在浏览器解析HTML文档的过程中，提前发现并预加载外部资源，从而优化页面渲染速度。 1. 什么是HTML Preload Scanner？ HTML Preload Scanner 是浏览器内置的一种优化机制。它在主HTML解析器（通常称为“主线程解析器”）工作的同时，并行地扫描HTML文档，目的是为了尽早发现并开始下载那些页面渲染所需要的外部资源，例如CSS样式表、JavaScript脚本、图片、字体等。 简单来说，可以将Preload Scanner看作是一个“先行者”，它不等主线程解析器完全解析HTML，而是提前“侦察”页面中需要加载的资源，并通知浏览器开始下载，从而缓解了资源阻塞渲染的问题。 为什么需要Preload Scanner？ 在没有Preload Scanner的情况下，浏览器会按照HTML文档的顺序，逐行解析并渲染。当遇到需要下载外部资源的标签（例如<link>、<sc …

继续阅读“HTML文档的Preload Scanner：提前发现外部资源并优化下载顺序的机制”