[发明专利]一种前端框架实现方法及装置

权利要求书

1.一种前端框架实现方法，其特征在于，包括：

加载.vue文件的文本内容，将所述.vue文件的文本内容分割为代码片段并对所述代码片段进行清洗，其中，所述代码片段包括template、script和/或style；

将所述template代码片段和script代码片段合成javascript代码片段，在callVue方法中创建script标签，并将所述javascript代码片段包裹到所述script标签中，将所述script标签追加到document文档的head节点中执行；并对script标签进行模块标记，通过completeLoad方法，将此模块追加到全局回调事件队列中去；

其中，所述callVue方法实现javascript代码片段的执行和关联加载。

2.根据权利要求1所述的前端框架实现方法，其特征在于，所述style代码片段的使用，具体包括：

创建style标签，将所述style标签追加到document文档的head节点中；

调用less.js接口将所述style代码片段中的文本内容编译成css代码并包裹到所述style标签中执行。

3.根据权利要求1所述的前端框架实现方法，其特征在于，所述template代码片段和script代码片段合成javascript代码片段，具体包括：

在所述script代码片段中添加template占位标记符，使用替换方法将所述template占位标记符替换为所述template代码片段，从而合成javascript代码片段。

4.根据权利要求1所述的前端框架实现方法，其特征在于，所述加载.vue文件的文本内容的方法包括：

通过XMLHttpRequest方法将所述.vue文件的文本内容加载到浏览器端。

5.根据权利要求1所述的前端框架实现方法，其特征在于，所述分割方法具体包括：

使用正则表达式的match方法将所述.vue文件中的文本内容分割为代码片段，其中，所述正则表达式匹配最开始的template标签和最后的template标签，忽略中间位置出现的template标签，从而准确分割template代码片段。

6.根据权利要求1所述的前端框架实现方法，其特征在于，对所述.vue文件的文本内容中的代码进行修改，具体包括：

将.vue文件中的代码语法从后端语法改为对应的前端语法，其中，所述后端语法包括import和/或export；

所述前端语法包括require、define和return中的一种或者多种。

7.根据权利要求1所述的前端框架实现方法，其特征在于，所述template代码片段的清洗，具体包括：

去掉template代码片段中的回车和换行符；

去掉template代码片段中多余的空格；

转义template代码片段中的单引号；

去掉template代码片段中前后的template标签。

8.根据权利要求1所述的前端框架实现方法，其特征在于，所述script代码片段的清洗，具体包括：

去掉script代码片段中的注释；

去掉script代码片段中多余的空格；

去掉script代码片段中前后的script标签。

9.根据权利要求1所述的前端框架实现方法，其特征在于，所述style代码片段的清洗，具体包括：

去掉style代码片段中的多余的空格；

去掉style代码片段中的注释。

10.一种前端框架实现装置，其特征在于，包括至少一个处理器和存储器，所述至少一个处理器和存储器之间通过数据总线连接，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令在被所述处理器执行后，用于完成权利要求1-9任一所述的前端框架实现方法。