前端框架及开发方法、存储介质、电子设备技术

本发明专利技术公开了一种前端框架及开发方法、存储介质、电子设备，涉及软件技术，包括脚手架，提供开发的通用模块、基础配置；组件，包括标准工作组件，以及适于其他终端的业务工作组件；API模块，包括适用各个终端的通用API以及适用特定终端的专有API；构建平台，包括运行时模块以及编译器模块，运行时模块用于实现Vue.js终端与目标终端的映射关联，编译器模块用于将Vue.js语言的脚手架代码编译成适于目标终端语言的脚手架代码。通过运行时模块将目标终端各个功能模块与Vue.js终端下的各个功能模块进行映射关联，通过编译器模块将Vue.js语言的脚手架转化为适配终端的语言，将目标终端与Vue.js终端进行互通，实现了只开发一套代码，适配多种终端，开发成本低，适用广泛。

Front end framework and development method, storage medium and electronic equipment

【技术实现步骤摘要】
前端框架及开发方法、存储介质、电子设备
本专利技术涉及软件技术，更具体地说，它涉及一种前端框架及开发方法、存储介质、电子设备。
技术介绍
如今，微信已然成为人们生活中一种重要的软件工具，不仅仅提供一种方便的沟通方式，内置的小程序还为各行各业提供一种新的信息呈现方式，让世界触手可及。小程序是一种不用下载就能使用的应用，也是一项门槛非常高的创新。对于前端开发者或团队来说，意味着要掌握的框架变多，需要重新花费昂贵的学习成本和试错成本。而伴随着行业竞争发展，百度小程序、头条小程序、快应用等终端陆续入局，各自推出了对应于各自终端的类小程序版本。在此之前，行业里采用比较多的是腾讯团队研发的wepy框架，是一种类vue的开发规范，花费wepy的学习成本，但只能适配到微信小程序端，诸如快应用、ReactNative等其他平台的产品不支持。于开发者而言，为了适应产品的多终端发展需求，又要进行新的框架学习和研究，这就造成产品开发成本的巨大提升。基于此，业务产品一般不会为每个终端都单独的进行开发工作，因此技术和成本问题也变相的限制了业务产品的本文档来自技高网...

【技术保护点】
1.一种前端框架，基于Vue.js，其特征在于：包括/n脚手架(1)，提供开发的通用模块、基础配置；/n组件(2)，包括标准工作组件(2)，以及与标准工作组件(2)一一映射的、适于其他终端的业务工作组件(2)；/nAPI模块，包括适用各个终端的通用API(3)以及适用特定终端的专有API(4)；/n构建平台(5)，包括运行时模块以及编译器模块，运行时模块用于实现Vue.js终端与目标终端的映射关联，编译器模块用于将Vue.js语言的脚手架(1)代码编译成适于目标终端语言的脚手架(1)代码。/n

【技术特征摘要】
1.一种前端框架，基于Vue.js，其特征在于：包括
脚手架(1)，提供开发的通用模块、基础配置；
组件(2)，包括标准工作组件(2)，以及与标准工作组件(2)一一映射的、适于其他终端的业务工作组件(2)；
API模块，包括适用各个终端的通用API(3)以及适用特定终端的专有API(4)；
构建平台(5)，包括运行时模块以及编译器模块，运行时模块用于实现Vue.js终端与目标终端的映射关联，编译器模块用于将Vue.js语言的脚手架(1)代码编译成适于目标终端语言的脚手架(1)代码。


2.根据权利要求1所述的前端框架，其特征在于：所述运行时模块包括事件代理子模块、生命周期子模块以及数据同步子模块，
所述事件代理子模块统一开发注册的事件，将Vue.js终端的事件转化为目标终端的事件；
所述生命周期子模块将目标终端的生命周期映射到Vue.js终端的生命周期；
所述数据同步子模块修改Vue.js终端的同步项为目标终端的同步项。


3.根据权利要求1所述的前端框架，其特征在于：所述编译器模块包括小程序编译子模块、快应用编译子模块以及ReactNative编译子模块。


4.根据权利要求1所述的前端框架，其特征在于：还包括用于将适于目标终端的脚手架(1)、组件(2)、API模块打包生成可在目标终端运行源码的打包工具。


5.一种前端框架开发方法，其特征在于：基于如权利要求1中所述的前端框架，包括
利用脚手架(1)提供的通用模块、基础配置进行新产品的开发；
利用构建平台(5)，通过编译器模块将Vue.js语...

【专利技术属性】
技术研发人员：夏令，邵庆，陈鹤心，李赫，
申请(专利权)人：同程网络科技股份有限公司，
类型：发明
国别省市：江苏;32