【技术实现步骤摘要】
本专利技术涉及页面渲染领域，尤其涉及一种h5页面的渲染加速方法及系统。
技术介绍
1、h5页面渲染加速是it领域比较常见的技术，常规的h5页面渲染加速就是利用客户端的可复用性，优化了css和js等，但是还是有很多计算在客户端做，随着互联时代的到来，有个新型的加速技术，就是服务端渲染，这块也是比较常见的技术了，就是把计算全部提取到了服务器端，利用生成式的方式，让客户端直接执行最终的html代码和css代码来达到最终的效果，但是对客户端设备性能要求较高：因为需要在客户端进行渲染，所以可能会占用较多的客户端资源，对设备性能要求较高。
2、而在工业领域的it设备，业务系统的复杂度很高，需要有更多的交互性，现有的h5页面渲染方案并不能满足需求。
技术实现思路
1、为了解决上述问题，本专利技术的目的在于提供一种h5页面的渲染加速方法，有效降低h5页面渲染的总时长。
2、为实现上述目的，本专利技术采用以下技术方案：
3、一种h5页面的渲染加速方法，包括以下步骤：
4、步骤s1:在低代码平台的服务端底层，设置字典，字典内罗列了所有的属性的类型，所述类型包括绝对静态渲染和绝对动态渲染以及相对动态渲染；
5、步骤s2:服务端在收到发布请求时，对用户提交发布的代码，进行遍历，同时遍历所有属性以及对应的值,根据预设的字典，对所有属性进行分类和计算；
6、步骤s3:服务端完成分类和计算后，会把相关的信息保存到指定的发布版本的压缩包中，然
7、步骤s4:客户端再次遍历所有的属性，将动态渲染的属性在客户端执行计算，得到最终渲染需要的值;
8、步骤s5:浏览器根据客户端得到最终渲染需要的值执行最终的渲染。
9、进一步的，具体如下：
10、（1）把绝对静态渲染的值，直接归类到静态渲染属性分组里；
11、（2）把绝对动态渲染的值，直接归类到动态渲染属性分组里；
12、（3）基于预设规则，二次计算相对动态渲染的属性值。
13、进一步的，所述预设规则，具体如下：
14、（a）如果属性内定义为执行js方法，即代码识别为调用js方法进行计算返回值的，就定义为执行js方法，则归类到动态渲染属性分组里;
15、（b）如果属性内定义为解析表达式，代码识别为特定的表达式写法，用于获取动态数据来渲染的，定义为解析表达式，则归类到动态渲染属性分组里；
16、（c）如果属性内定义为纯文本则归类到静态渲染属性分组里。
17、进一步的，所述步骤s4具体为：
18、（1）根据动态渲染属性分组里的表达式，客户端在遍历到这个属性时，代码识别算法识别到这是解析表达式；
19、（2）客户端明确这个解析表达式是要请求数据组件a；
20、（3）如果a数据组件还没有向业务服务器发起请求，客户端会先发起请求，如果数据组件a有返回值了，取返回值对象里这个属性的子属性的值。
21、一种h5页面的渲染加速系统，包括处理器、存储器以及存储在所述存储器上的计算机程序，所述处理器执行所述计算机程序时，具体执行如上所述的一种h5页面的渲染加速方法中的步骤。
22、本专利技术具有如下有益效果：
23、本专利技术实现h5页面在客户端的高度灵活的交互性，同时满足h5页面在客户端渲染对客户端软硬件系统的高标准要求，有效降低h5页面渲染的总时长。
本文档来自技高网...【技术保护点】
1.一种H5页面的渲染加速方法，其特征在于，包括以下步骤：
2.根据权利要求1所述的一种H5页面的渲染加速方法，其特征在于，所述步骤S4具体为：
3.一种H5页面的渲染加速系统，其特征在于，包括处理器、存储器以及存储在所述存储器上的计算机程序，所述处理器执行所述计算机程序时，具体执行如权利要求1-2任一项所述的一种H5页面的渲染加速方法中的步骤。
【技术特征摘要】
1.一种h5页面的渲染加速方法，其特征在于，包括以下步骤：
2.根据权利要求1所述的一种h5页面的渲染加速方法，其特征在于，所述步骤s4具体为：
3.一种h5页面...
【专利技术属性】
技术研发人员：刘平，
申请(专利权)人：摩尔元数福建科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。