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

说明书

本发明涉及信息技术领域，本发明提供了一种前端框架实现方法及装置，包括：加载.vue文件的文本内容，将所述.vue文件的文本内容分割为代码片段并对所述代码片段进行清洗，其中，所述代码片段包括template、script和/或style；将所述template代码片段和script代码片段合成javascript代码片段，在callVue方法中创建script标签，并将所述javascript代码片段包裹到所述script标签中，将所述script标签追加到document文档的head节点中执行；并对script标签进行模块标记，通过completeLoad方法，将此模块追加到全局回调事件队列中去；其中，所述callVue方法实现javascript代码片段的执行和关联加载。由于是纯前端框架，后端人员更容易参与前端工作，即后端人员不需要学习前端开发的后端技术，如：NodeJs、TypeScript、CoffeeScript等后端技术，降低了学习成本。

【技术领域】

本发明涉及信息技术领域，特别是涉及一种前端框架实现方法及装置。

【背景技术】

由于近几年前端技术更新的步伐比较快，不断推陈出新，涌现了很多优秀的前端框架，如现在市面上很火爆的vue框架。但是随着前端开发职业越来越独立化、专业化，vue框架慢慢形成了需要使用后端NodeJs编译的组件模式(翻译成浏览器可以识别的东西)，这对后端开发人员不是很友好，开发环境搭建复杂，学习曲线陡峭，使用成本增大。但是目前很多公司的现状是后端人员仍旧需要参与前端页面的构建和前端效果的实现工作。因此造成了一些公司的前端技术革新缓慢，新的前端技术难以应用和推广的困局。

例如：目前实际场景下若想使用element-ul框架(一款比较流行的基于vue实现的组件框架)作为前端框架，不仅需要学习NodeJs编译、webpack配置、ECMA6语法翻译等，还要下载几百M的nodemodules包，很麻烦，如果想像以前使用的前端框架一样，不需要后端编译直接将vue引入到项目中，就需要开发一款纯前端框架。

鉴于此，克服该现有技术所存在的缺陷是本技术领域亟待解决的问题。

【发明内容】

本发明需要解决的技术问题是：

目前市面上很流行的vue框架为需要后端NodeJs编译的组件模式，这种操作方式使后端开发人员要学习前端开发的后端技术，如：NodeJs、TypeScript、CoffeeScript等，这大大增加了后端开发人员的工作量以及学习成本；另一方面，由于前端开发需要NodeJs、TypeScript、CoffeeScript等后端技术的支持，使前端技术革新缓慢，新的前端技术难以应用和推广。

本发明通过如下技术方案达到上述目的：

第一方面，本发明提供一种前端框架实现方法，包括：

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

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

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

优选的，所述style代码片段的使用，具体包括：

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