【技术实现步骤摘要】
页面渲染方法、装置、设备及可读存储介质
本专利技术涉及计算机渲染
，尤其涉及一种页面渲染方法、装置、设备及计算机可读存储介质。
技术介绍
目前,单页应用SPA解决了不同子页面之间路由切换时因资源加载而导致的白屏问题。但是传统SPA在Hybrid应用模式中无法使用原生App的视图切换效果，例如：推压栈动画效果，手势滑动导航等。多页应用MPA刚好相反，它保留了原App视图切换效果，且每个页面内存保持独立，但是无法避免因为资源重新加载导致的白屏。无论是SPA还是MPA都无法达到最佳的用户体验。一般只能选择一种默认的渲染方式，无法根据页面渲染请求选择不同的渲染方式，因此，会导致网页渲染的效率低下。
技术实现思路
本专利技术的主要目的在于提供一种页面渲染方法、装置、设备及计算机可读存储介质，旨在解决页面渲染效率较低的技术问题。为实现上述目的，本专利技术提供一种页面渲染方法，所述页面渲染方法包括以下步骤：获取页面渲染的请求，并解析所述请求中的渲染类型，所述渲染类型包括串行页面渲染和并行页面渲染；...
【技术保护点】
1.一种页面渲染方法，其特征在于，所述页面渲染方法包括以下步骤：/n获取页面渲染的请求，并解析所述请求中的渲染类型，所述渲染类型包括串行页面渲染和并行页面渲染；/n若解析所述请求为串行页面渲染的类型，则进行串行页面渲染；/n若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器；/n在通过所述逻辑容器加载网页的逻辑代码的同时，通过所述视图容器加载并得到视图代码；/n通过所述视图容器执行所述视图代码对待渲染页面进行渲染。/n
【技术特征摘要】
1.一种页面渲染方法，其特征在于，所述页面渲染方法包括以下步骤：
获取页面渲染的请求，并解析所述请求中的渲染类型，所述渲染类型包括串行页面渲染和并行页面渲染；
若解析所述请求为串行页面渲染的类型，则进行串行页面渲染；
若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器；
在通过所述逻辑容器加载网页的逻辑代码的同时，通过所述视图容器加载并得到视图代码；
通过所述视图容器执行所述视图代码对待渲染页面进行渲染。
2.如权利要求1所述的页面渲染方法，其特征在于，所述若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器包括以下步骤：
若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器，并通过预先部署在视图容器与逻辑容器内的心跳包，分别记录启动视图容器的时间、页面渲染的时间的总和T1和加载/执行网页的逻辑代码的时间T2；
判断所述T1是否大于所述T2；
若是，则保留所述T1，若否，则保留所述T2。
3.如权利要求1所述的页面渲染方法，其特征在于,在所述若解析所述请求为并行页面渲染的类型，则启动待渲染页面的逻辑层中的逻辑容器与待渲染页面的视图层中的视图容器的步骤之前，还包括以下步骤：
在待渲染页面的逻辑层的逻辑容器中分别建立映射map1，以及在待渲染页面的视图层的视图容器中建立映射map2；
通过共同的唯一标识uniqueid连接所述map1与所述map2，得到对应关系，根据所述对应关系建立逻辑容器和视图容器之间的关联关系；
根据所述关联关系，通过PostMessage实现所述逻辑容器和所述视图容器之间的消息传递。
4.如权利要求3所述的页面渲染方法，其特征在于,在所述根据所述关联关系，通过PostMessage实现所述逻辑容器和所述视图容器之间的消息传递的步骤之后，还包括以下步骤：
根据接收到的用户指令，判断逻辑容器是否存在待执行的DOM操作；
若逻辑容器存在待执行的DOM操作，则通过PostMessage将DOM操作以消息的形式传递给视图容器。
5.如权利要求3所述的页面渲染方法，其特征在于,在所述根据所述关联关系，通过PostMessage实现所述逻辑容器和所述视图容器之间的消息传递的步骤之后，还包括以下步骤：
通过事件监...
【专利技术属性】
技术研发人员：陈旭伟，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。