前端DSL与AST深入浅出

讲师: 前端学堂  分类:基础  时间: October 10, 2022

前端DSL与AST深入浅出

云课堂

课程地址:前端DSL与AST深入浅出

github: https://github.com/chalecao/parse_css_in_js

适用人群

建议先学习ES5、ES6基础知识,本节课讲解AST与DSL在解析编程语言中的原理与应用。

课程概述

介绍DSL与AST的运行原理与机制,在实际编程语言解析到执行中是如何运用DSL和AST相关知识的,并根据学习的知识,我们可以自己定义一套DSL,通过解析AST实现自己需要的功能。本课程也会结合babel转换JSX的语法插件实例介绍在前端领域中如何应用AST实现灵活的处理各种语言的处理。

目录

章节1DSL与AST相关基础概念

  • 课时1介绍DSL与AST类比编译原理04:58
  • 课时2类比NLP介绍DSL与AST03:10
  • 课时3DSL与AST定义讲解03:41
  • 课时4在线演示解析Javascript为AST04:49 章节2DSL与AST原理与应用
  • 课时5DSL与AST原理与项目应用04:59
  • 课时6DSL的词法解析与语法解析03:07 章节3手写CSS语法解析器
  • 课时7手写CSS词法解析器07:04
  • 课时8CSS语法解析器05:14 章节4学习并手写babel插件
  • 课时9介绍babel插件实现流程和原理03:47
  • 课时10基于esprima或babylon两种方案实现代码解析和生成05:47
  • 课时11编写babel插件(1)05:12
  • 课时12编写并测试babel插件(2)04:00 章节5基于peg.js实现PT代码转换
  • 课时13PT和AST以及文法基础知识11:30
  • 课时14peg文法和peg.js介绍04:51
  • 课时15将JavaScript的代码中的if函数转换成三元表达式07:13
  • 课时16peg.js实现四算法则计算器05:05 章节6实现基于http的动态代码加载器code loader
  • 课时17原生http es module loader03:08
  • 课时18基于peg解析import和export模块实战05:41
  • 课时19实现ES6模块基于http加载并执行实战06:00


请遵守《互联网环境法规》文明发言,欢迎讨论问题
扫码反馈

扫一扫,反馈当前页面

咨询反馈
扫码关注
返回顶部