1/26
- P22 词法解析的基本原理~1
- P33 词法解析算法的代码调试演示~1
- P44 即时实现关键字语法高亮~1
- P55 关键字语法高亮代码调试和讲解~1
- P66 关键字语法高亮代码讲解和调试2~1
- P77 抽取光标所在行改进语法高亮效率~1
- P88 屏幕取词的代码讲解~1
- P99 屏幕取词代码调试演示~1
- P1010 语法解析的基本原理~1
- P1111 语法解析器的代码调试及讲解~1
- P1212 使用普拉特解析法解析复杂的算术表达式~1
- P1313 解析前序表达式~1
- P1414 中序表达式的解析~1
- P1515 解析组合表达式,if..else语句块和间套函数调用~1
- P1616 函数定义及函数调用的解析~1
- P1717 符号系统与代码执行~1
- P1818 复杂算术表达式的解释执行~1
- P1919 解释执行ifelse语句~1
- P2020 解释执行return语句~1
- P2121 变量绑定和函数调用~1
- P2222 函数闭包和字符串变量~1
- P2323 添加内嵌API和数组数据类型~1
- P2424 增加三个数组API和map数据结构类型~1
- P2525 解释执行哈希表对象~1
- P2626 使用web worker多线程机制打造页面单步调试I
https://blog.csdn.net/tyler_download/article/details/78559748
-
利用web work实现多线程异步机制,打造页面单步调试IDE
我们已经完成了整个编译器的开发,现在我们做一个能够单步调试的页面IDE,完成本章代码后,我们可以实现下面如图所示功能: 页面IDE可以显示每行代...
-
自制Monkey语言编译器:解释执行哈希表对象
我们在上节完成了对哈希表对象的解析,这一节我们给编译器添加执行哈希表对象的功能,完成本节代码后,编译器能执行以下代码: 当编译器执行上面代码后,...
-
自制Monkey编程语言编译器:增加数组操作API和Mapsh数据类型
前一节,我们为Monkey语言以及其编译器增加了内置API len,以及数组数据类型,内置的len函数调用能作用到数组和字符串上,分别返回数组的...
-
ReactJs开发自制Monkey语言编译器:实现内嵌函数调用以及增加数组类型
几乎所有编程语言都会支持内嵌API调用,这些调用会根据操作系统特点,执行相关的系统调用进而实现一系列功能,例如C语言中支持的printf就是内嵌...
-
自制Monkey语言编译器:实现函数闭包功能和为语言增加复杂数据结构
Monkey语言有点类似于JS,它的函数可以当做参数进行传递,而且语法支持函数闭包功能,例如下面代码: 在上面代码中,我们把newAdder定义...
-
reactjs开发自制编程语言编译器:实现变量绑定和函数调用
在编程时,我们会初始化一个变量,给变量赋初值,例如下面语句: 上面代码被编译器解读后,变量x就会和数值25绑定在一起。下次使用到变量x时,编译器...
-
自制Monkey语言编译器:解释执行return语句和错误处理控制
在高级编程语言中,大多含有一个指令叫return,也就是程序的执行指令流遇到该语句后不再往下执行,而是返回上一层,如果return后面附带数据的...
-
自制Monkey语言编译器:解释执行if..else判断语句
任何编程语言都少不了条件判断语句,Monkey语言也一样,有自己的If...else条件判断指令,本节我们看看如何解释执行该条件判断语句。根据我...
-
自制Monkey语言编译器:执行复杂算术表达式的运算
前几节,我们大费周章的详细解释如何对复杂的算术表达式进行语法解析,也就是让程序懂得理解复杂的算术表达式,本节我们探讨如何执行复杂表达式对应的运算...
-
自制monkey语言编译器:符号系统与代码执行
前几节,我们介绍了如何使用语法解析算法对代码进行解析。语法解析的目的是为了明白代码语句的意图,例如对于语句: c = a + b; 语法解析后,...
-
reactjs自制Monkey语言编译器:解析组合表达式,if..else语句块和间套函数调用
我们的计算机教育时常流于肤浅,在面对难度较大的基础理论时,总是喜欢侃侃而谈,说起来头头是道,看起似乎很牛逼的样子,但本质上却是大而无当,空洞无物...
-
使用普拉特分析法解析极为复杂的算术表达式
上面是一个很复杂的表达式,它的解析涉及到操作符优先级,例如乘法比加法优先级高,但括号优先级又比乘法优先级高,于此同时,在解析时,编译器需要把-和...
-
设计自制编程语言Monkey编译器:使用普拉特解析法解析复杂的算术表达式
上一节我们实现了编译原理中语法解析入门,能够解析简单的由let关键字开头的变量定义语句,现在我们再接再厉,实现解析由return 开头的返回值语...
-
Reactjs开发自制编程语言Monkey的编译器:语法解析
前面章节中,我们完成了词法解析器的开发。词法解析的目的是把程序代码中的各个字符串进行识别分类,把不同字符串归纳到相应的分类中,例如数字构成的字符...
-
Reactjs开发自制编程语言Monkey的编译器:使用组件的state机制实现屏幕取词
上一节我们完成了语法关键字高亮的功能。基本思路是,每当用户在编辑控件中输入字符时,组件就把控件里的代码提交给词法解析器,解析器分析出代码中关键字...
-
Reactjs开发自制编程语言Monkey的编译器:高能技术干货之语法高亮2
上一节,我们利用词法解析器加上观察者模式,实现了代码语句的抽取关键字功能,对于给定代码: MonkeyCompilerEditer把div节点里...
-
Reactjs开发自制编程语言Monkey的编译器:高能技术干货之语法高亮1
由于本节技术难点不好理解,请观看视频中的代码讲解和调试过程,以便消化难度,加深知识点的理解。 更详细的讲解和代码调试演示过程,请点击链接 使用各...
-
Reactjs+BootStrap开发自制编程语言Monkey的编译器:创建简易的页面IDE
为了尽快上手React,我们先通过一个实际例子,增加你的感性认识。我们将使用React先构建一个简单的Monkey代码编译器,没有感性认识的知识...
-
Reactjs+BootStrap开发自制编程语言Monkey的编译器:发刊词
编译原理几乎是计算机专业中最晦涩难懂的课程。很多学生学这门课只不过是为了通过考试,学完后对编译原理之精妙仍然是摸不着头脑。而很多教这门课的老师,...