直接在浏览器渲染快应用卡片

一、需求

需求：浏览器从远程服务器上获取快应用卡片编译、压缩好的Js文件，直接在浏览器页面上进行渲染显示，不经过任何本地操作。

最初的需求是直接渲染没有编译前的Ux文件，这种形式有两个关键缺点：

(1) 一些复杂的卡片会有大量的import语法，import的Js或者Css内部会再有import，因此在渲染过程中我们就需要大量的网络请求来拿到import；

(2) 浏览器不支持解析Sass;

二、渲染思路

快应用的语法与前端Vue语法有很多相似之处，我们只要做一个语法映射库，将Ux文件中的特殊语法映射到Vue的语法中，然后封装成同名Vue组件，最后new Vue(xxx)即可在页面上显示。

三、伪反编译思路

由于浏览器拿到的是编译、压缩（未混淆）后的Js文件，我们首先要做的就是从编译文件中将卡片反编译出来。

在反编译的过程中我们不一定要完全还原，只需反编程成便于进行Vue转换的语法即可。

————————————————

BY：HW-WQ