【技术实现步骤摘要】
本申请实施例涉及计算机，尤其涉及一种页面渲染方法、装置、电子设备及计算机存储介质。
技术介绍
1、文本折叠交互，是浏览器与用户之间的一种交互方式，表现为：当文本段落较多，超过设定的文本展示区域时，隐藏超出的文本段落并在文本展示区域的末端(通常为右下角)展示一个按钮，当用户点击该按钮时，则可以展示上述被隐藏的文本段落；当用户再次点击该按钮时，则可以重新隐藏上述超出内容。
2、相关技术中，通常是通过页面二次渲染的方式来实现上述交互的，具体实现过程为：对待展示的文本数据进行首次渲染；之后，根据渲染结果通过js脚本来检测文本段落是否超出了文本展示区域；若文本段落超出文本展示区域，则创建折叠按钮组件，并基于折叠按钮组件进行页面的二次渲染。
3、由于上述过程进行了二次渲染，因此，在用户看来，会出现页面闪动现象。
技术实现思路
1、有鉴于此，本申请实施例提供一种页面渲染方案，以至少部分解决上述问题。
2、根据本申请实施例的第一方面，提供了一种页面渲染方法，包括：
3、创建按钮元素组件，并将所述按钮元素组件的位置固定于页面中文本展示区域的区域末端；所述区域末端为沿预设的文本数据展示方向确定出的末端位置；
4、在所述文本展示区域创建容器组件，并将待展示的文本数据添加至所述容器组件中；
5、渲染所述按钮元素组件和所述容器组件以生成展示页面。
6、根据本申请实施例的第二方面，提供了一种页面渲染装置，包括：
7
8、数据添加模块，用于在所述文本展示区域创建容器组件，并将待展示的文本数据添加至所述容器组件中；
9、渲染模块，用于渲染所述按钮元素组件和所述容器组件以生成展示页面。
10、根据本申请实施例的第三方面，提供了一种电子设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行如第一方面所述方法对应的操作。
11、根据本申请实施例的第四方面，提供了一种计算机存储介质，其上存储有计算机程序，该程序被处理器执行时实现如第一方面所述的方法。
12、根据本申请实施例提供的页面渲染方法，在获取到待展示的文本数据之后，在文本展示区域创建了容器组件，并将待展示的文本数据添加至创建的容器组件之中，另外，还创建了按钮元素组件，并将按钮元素组件固定在了页面中的文本展示区域的区域末端，之后，对上述按钮元素组件和所述容器组件进行了渲染，从而生成了展示页面。本申请实施例，预先已经将按钮元素组件固定在了文本展示区域的区域末端，之后，经过一次渲染过程即可使得生成的页面能够呈现出：当文本段落较多时，隐藏超出的文本段落并在文本展示区域的末端展示交互按钮的文本折叠交互功能。本申请实施例无需二次渲染，因此，可以有效避免页面出现抖动现象，提升了页面展示的稳定性。
本文档来自技高网...【技术保护点】
1.一种页面渲染方法，包括：
2.根据权利要求1所述的方法，其中，所述将所述按钮元素组件的位置固定于页面中文本展示区域的区域末端，包括：
3.根据权利要求1所述的方法，其中，所述将所述按钮元素组件的位置固定于页面中文本展示区域的区域末端，包括：
4.根据权利要求3所述的方法，其中，所述创建辅助元素组件，包括：
5.根据权利要求1-4任一项所述的方法，其中，在所述渲染所述按钮元素组件和所述容器组件以生成展示页面之前，所述方法包括：
6.根据权利要求5所述的方法，其中，在位于所述容器组件内部的文本数据尾部，创建定位元素组件，并使所述定位元素组件填充所述定位元素组件所在行的剩余空间，包括：
7.根据权利要求5所述的方法，其中，在所述创建定位元素组件之后，所述方法还包括：
8.一种页面渲染装置，包括：
9.一种电子设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；
10.一种计算机存储介质，其上存储有计算机程序，该
11.一种计算机程序产品，包括计算机指令，所述计算机指令指示计算设备执行如权利要求1-7中任一所述方法对应的操作。
...【技术特征摘要】
1.一种页面渲染方法，包括：
2.根据权利要求1所述的方法，其中，所述将所述按钮元素组件的位置固定于页面中文本展示区域的区域末端，包括：
3.根据权利要求1所述的方法，其中，所述将所述按钮元素组件的位置固定于页面中文本展示区域的区域末端，包括：
4.根据权利要求3所述的方法，其中，所述创建辅助元素组件，包括：
5.根据权利要求1-4任一项所述的方法，其中，在所述渲染所述按钮元素组件和所述容器组件以生成展示页面之前，所述方法包括：
6.根据权利要求5所述的方法，其中，在位于所述容器组件内部的文本数据尾部，创建定位元素组件，并使...
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。