diff --git a/01-HTML/02-浏览器的介绍.md b/01-HTML/02-浏览器的介绍.md index e54f78a..a5c8c18 100644 --- a/01-HTML/02-浏览器的介绍.md +++ b/01-HTML/02-浏览器的介绍.md @@ -84,7 +84,7 @@ publish: true ![](http://img.smyhvae.com/20180124_1700.png) -1、User Interface(UI界面):包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的您请求的页面外,其他显示的各个部分都属于用户界面。 +1、User Interface(UI界面):包括地址栏、前进/后退按钮、书签菜单等。也就是浏览器主窗口之外的其他部分。 2、Browser engine (浏览器引擎):用来查询和操作渲染引擎。是UI界面和渲染引擎之间的**桥梁**。 @@ -94,7 +94,7 @@ publish: true 5、JavaScript Interpreter(JavaScript解析器):用于解析和执行 JavaScript 代码。 -6、UI Backend(UI后端):用于绘制复选框、弹窗等窗口小组件;它会调用操作系统的UI方法。 +6、UI Backend(UI后端):用于绘制组合框、弹窗等窗口小组件。它会调用操作系统的UI方法。 7、Data Persistence(数据存储模块):比如数据存储 cookie、HTML5中的localStorage、sessionStorage。 diff --git a/04-JavaScript基础/00-编程语言.md b/04-JavaScript基础/00-编程语言.md index e6bbc53..8a53057 100644 --- a/04-JavaScript基础/00-编程语言.md +++ b/04-JavaScript基础/00-编程语言.md @@ -15,7 +15,7 @@ publish: true ### 计算机语言 -**计算机语言**:人与计算机之间通讯的语言。它是人与计算机之间传递信息的媒介,是用来控制计算机的一系列指令。 +**计算机语言**:人与计算机之间通讯的语言。它是人与计算机之间传递信息的媒介,用来控制计算机的一系列指令。 计算机语言的种类非常的多,总的来说可以分成三大类:机器语言、汇编语言和高级语言。 @@ -31,12 +31,6 @@ publish: true - **高级语言**:主要是相对于低级语言而言,它并不是特指某一种具体的语言,而是包括了很多编程语言,比如:C语言、C++、Java、C#、PHP、JavaScript、Python、Objective-C、Swift、Go语言等。 -### 编译器 - -高级语言所编写的程序不能直接被计算机识别,必须经过转换才能被执行,为此,我们需要一个编译器。 - -编译器可以将我们所编写的源代码转换(翻译)为机器语言,这也被称为二进制化。 - @@ -44,9 +38,9 @@ publish: true ### 翻译器 -计算机不能直接理解任何除机器语言以外的语言,所以必须要把程序员所编写的语言翻译成机器语言,计算机才能执行程序。**程序语言翻译成机器语言的工具,被称为翻译器**。 +计算机不能直接理解任何除机器语言以外的语言,所以必须要把程序员所编写的高级语言翻译成机器语言,计算机才能执行程序。为此,我们需要一个翻译器。**程序语言翻译成机器语言的工具,被称为翻译器**。 -由此可见,所谓的“翻译”,指的是翻译成计算机能够执行的指令。 +由此可见,所谓的“翻译”,指的是将人类所编写的源代码转换(翻译)为机器能够执行的指令,这也被称为二进制化。 翻译器翻译的方式有两种:一种是**编译**,另一种是**解释**。两种方式之间的区别在于**翻译的时机**不同。 @@ -56,31 +50,61 @@ publish: true 对应的语言,称之为“编译型语言”、“解释型语言”。 -### 编译型语言 +### 1、编译型语言 -- 定义:需要事先把所有的代码一次性翻译(编译)好,然后整体执行。比如 exe文件。 +- 定义:需要事先通过编译器**把所有的代码一次性翻译(编译/转换)好**,然后整体执行。比如 exe文件。 -- 优点:运行更快。 +- 优点:执行效率高,运行更快。 -- 不足:移植性不好,不跨平台。 +- 不足:移植性不好,不跨平台;编译之后如果需要修改就需要整个模块重新编译。 -- 编译型语言举例:c、c++ +- 编译型语言举例:C、C++ -比如说,c语言的代码文件是`.c`后缀,翻译之后文件是`.obj`后缀,系统执行的是 obj 文件;再比如, java 语言的代码文件是`.java`后缀,翻译之后的文件是`.class`后缀。(注意,Java 语言不是严格的 编译型语言,这个一会儿会讲) +比如说,c语言的代码文件是`.c`后缀,翻译之后文件是`.obj`后缀,系统执行的是 obj 文件;再比如, java 语言的代码文件是`.java`后缀,翻译之后的文件是`.class`后缀。(但是,Java 语言不是严格的 编译型语言,这个一会儿会讲) -### 解释型语言 +以C语言的`hello.c`来举例: -- 定义:**边翻译边执行**(翻译一行,执行一行),不需要事先一次性翻译。 +```c +#include +int main(int argc, char const *argv[]) +{ + printf("Hello world!"); + return 0; +} +``` + +对于以上C代码,main是程序入口,实现的功能是打印字符串`hello world`到屏幕上,编译和执行过程如下: + +1. C语言代码经过预处理(比如依赖处理、宏替换)。以上方代码示例,`#include`会在预处理阶段被替换。 +2. 编译:编译器会把C语言翻译成汇编程序。一条C语言通常被编译为多条汇编代码,同时编译器会对程序进行优化,生成目标汇编程序。 +3. 汇编语言通过汇编器再汇编成目标程序`hello.o`。 +4. 链接:程序中往往包含一些共享目标文件,如示例代码中的`printf()`函数位于静态库,需要经过链接器进行链接。 + + + +![20211030-0031-2](https://img.smyhvae.com/20211030-0031-2.png) + +(上方图片的来源:[JavaScript基础-基本概念](https://www.jianshu.com/p/230093183f47) ) + +![20211030-0026-2](http://img.smyhvae.com/20211030-0026-2.png) + +(上方图片的来源:[编译型语言](https://p.0x06.cn/zh/program/) ) + + + +### 2、解释型语言 + +- 定义:在运行过程中(runtime)通过解释器**边翻译边执行**(也就是逐行翻译:翻译一行,执行一行),不需要事先一次性翻译。 - 优点:移植性好,跨平台。 -- 缺点:运行更慢。 +- 缺点:运行速度不如编译型语言。 -- 解释型语言举例:JavaScript、php、Python。 +- 解释型语言举例:JavaScript、PHP、Python。 ### Java语言 -Java 语言既不是编译型语言,也不是解释型语言。翻译过程: +Java 语言是属于半编译半解释型语言。翻译过程: (1)编译:`.java`代码文件先通过 javac 命令编译成`.class`文件。