买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

摘要：本发明实施例中提供了一种前端提示组件显示优化的实现方法、装置及电子设备，属于数据处理技术领域，该方法包括：创建第一React组件，在第一React组件中引用来自antd的Tooltip组件；获取目标元素上包含的待展示内容C，对所述待展示内容C进行特征提取，得到第一特征向量K1和第二特征向量K2；基于目标元素当前的实际宽度W1和实际高度H1，计算所述目标元素的显示容量值R0；当所述显示容量值R0大于R1且小于R1*R2时，对所述目标元素的显示区域进行显示扩容操作；在扩容操作完成后，基于扩容宽度W2和扩容高度H2计算目标元素中待展示内容C所对应的省略内容。本发明提高了前端提示组件的显示效率。

主权项：1.一种前端提示组件显示优化的实现方法，其特征在于，包括：在React项目的初始化阶段，通过npm包管理工具引入antdUI组件库，并将antdUI组件库配置到React项目中，使得在React项目能够使用antd中的UI组件，创建第一React组件，在第一React组件中引用来自antd的Tooltip组件；获取目标元素上包含的待展示内容C，对所述待展示内容C进行特征提取，得到第一特征向量K1=[Ld,Fs,Cw,Lh]和第二特征向量K2=[N,Pd,Bd,Ls,Fw]，Ld表示待展示内容C的文本总长度，Fs表示待展示内容C的字体大小，Cw表示待展示内容C的平均字符宽度，Lh表示待展示内容C的平均字符行高，N表示待展示内容C允许的最大行数，Pd示待展示内容C的内边距，Bd表示待展示内容C的边框宽度，Ls表示待展示内容C的行间距，Fw表示待展示内容C的字体粗细值；基于目标元素当前的实际宽度W1和实际高度H1，计算所述目标元素的显示容量值R0；当所述显示容量值R0大于R1且小于R1*R2时，对所述目标元素的显示区域进行显示扩容操作，得到目标元素的扩容宽度W2和扩容高度H2，[W2,H2]=GkW1,H1,R0,R1,R2，其中，R1为所述第一特征向量K1的第一特征值，R2为所述第二特征向量K2的第二特征值，Gk为扩容计算函数；在扩容操作完成后，基于扩容宽度W2和扩容高度H2计算目标元素中待展示内容C所对应的省略内容，并设置Tooltip组件的title属性为所述省略内容，使得用户鼠标悬停于所述目标元素上时能够看到完整的待展示内容C。

全文数据：

权利要求：

百度查询： 一网互通(北京)科技有限公司 前端提示组件显示优化的实现方法及装置