在QCon北京2019大会上,蒋豪群讲师做了《AST 与前端框架的工程化》主题演讲,主要内容如下。
演讲简介:
现代前端开发中,围绕着 AST 的解析和变换,发展出了诸如 Babel 和 PostCSS 等显著提高开发体验的工具。
对于前端框架而言,深度应用编译原理实现的 DSL 及其代码优化也是工程化体验的重要环节,Vue.js 闻名的单文件组件(Single File Component,SFC)即是其中代表。
本次分享将结合 Vue.js 的工程化实践,介绍 AST 操作在现代前端框架中的深入应用:
解析 Vue 组件的编译过程;
AST 与代码优化/重构;
定制 Vue SFC;
利用 AST 操作、提升开发体验的一些工具与技巧。
讲师介绍:
蒋豪群
Vue Technology LLC 开源开发者
蒋豪群,Vue.js 团队成员,曾就职于阿里巴巴和蘑菇街,2018 年起成为全职开源开发者,目前负责 Vue CLI 及相关 Vue.js 周边工具库的维护。
完整演讲 PPT 下载链接:
https://qcon.infoq.cn/2019/beijing/schedule
更多内容推荐
使用 Rekit 开发可扩展的前端应用
本次分享介绍一个全新的React专用IDE:Rekit,是如何解决当前Web开发中遇到的问题,以及如何利用Rekit来开发大型React Web应用。
WebStorm 2017.1 增加对 Vue.js 的支持
WebStorm 2017.1 通过对最新的Javascript功能的支持,保持了IDE领域的领先地位。新支持的功能包括Vue.js、Jest、Angular Language Service、StandardJS和emojis。
Kotlin 与 Java 完全兼容,就可以随便调用了吗?
无
2018 年 7 月 9 日
方案设计:基于深度学习的检测 / 分类的 AI 流水线
2020 年 6 月 18 日
Nitra:CLR 开源语言工具
Nitra是面向运行在CLR上的编程语言的工具集,JetBrains前不久将它的源代码公之于众。开发者可以用Nemerle定义语法,然后Nitra根据定义来构建语法分析器并产生类,并以此描绘和导航抽象语法树(AST)。
Vant 1.0 正式发布:轻量、可靠的移动端 Vue 组件库
本文出自《有赞技术2018年度合集》系列
微服务框架 Apache ServiceComb 的设计思想有哪些?
2019 年 10 月 10 日
划重点 | 7 种编译器的核心概念与算法
通过总结梳理的划重点内容,以及涵盖关键知识点的7张思维导图,你能够对7种语言编译器所使用过的编译技术有一个系统性的掌握。
2020 年 8 月 7 日
前端工程师需要了解的 Babel 知识
在前端圈子里,对于Babel,大家肯定都比较熟悉了。如果那天少了它,对于前端工程师来说肯定是个噩梦。Babel 的工作原理是怎样的可能了解的人就不太多了。本文将主要介绍Babel 的工作原理以及怎么写一个Babel 插件。
Angular 应用程序生成器架构概述
在做决定之前,要记住,代码生成既有优点,也有不足,但是,使用什么方法生成Angular的源代码最好:模板,还是AST操作?本文将深入研究技术,基于一种DSL机制实现所生成代码的一致性和可维护性,把Angular源代码生成带到一个新的水平。
海量 Node.js 云服务的 DevOps 实践
2019 年 7 月 24 日
React 的替代方案 Inferno 发布 1.0 版本
类似于React的JavaScript库Inferno发布了1.0版本。这是一个很小且性能很高的库,它的API和结构类似于React,但是更加关注性能。这个项目希望在2017年开展更多的工作,但是它的创始人已经在Facebook的React团队任职了。
ARTS - Week Five
ARTS Algorithm: 42. Trapping Rain Water Review: Vue 2 props and emit - parent to child Tips: Dynamic directive arguments Share: 7 Simple VueJS Tips You Can Use to Become a Better Developer
2020 年 6 月 19 日
前端开发:VS Code 编辑器新建 Vue 文件自定义模板的方法
在前端开发过程中,尤其是对于经验不足的初级开发者来说,需要掌握一些必备的提升开发速度的技巧,比如使用各种插件来提升开发速度,这样才能事半功倍。
2021 年 3 月 11 日
React 有什么优势?这里有一份入门指南
开发的主流工具。的网站。开发完成后,发现这套东西很好用,就在2013年5月开源了。操作和渲染。树上需要修改的地方及其最终的状态,并仅仅针对这些地方进行一次性的重新渲染。
陆金所 AI SQL Review 系统演进和实践
2020 年 1 月 3 日
重磅!尤雨溪发布 Vue 3.0 开发路线
在上周的 Vue.js 伦敦大会上,尤雨溪简要介绍了 Vue 下一个主要版本要发布的内容,9 月 30 日,尤雨溪在 medium 个人博客上发布了 Vue 3.0 的开发路线。
Ext JS 周边生态持续繁荣
新的服务端工具正为客户端JavaScript框架Ext JS贡献着力量。当前的社区有为Java Enterprise Edition、Cold Fusion 8.0、Google Web Toolkit和Ruby on Rails 2.0支持开发的服务端。无论哪一个工具,其目标都是规范化各自平台与Ext JS的接口。
尤雨溪 B 站直播,Vue 3.0 Beta 是一个值得体验的全新版本
4 月 21 日,在由前端圈组织发起的 B 站直播中,尤雨溪远程连线,分享了 Vue 3.0 Beta 版本的那些变化。
推荐阅读
电子书
大厂实战PPT下载
换一换 陈雪涛 | 亿车数科 产品专家
李智慧 | 前阿里 & Intel 架构师 《大型网站技术架构》作者
孙健波 | 阿里巴巴集团 技术专家
评论