首页 专利交易 科技果 科技人才 科技服务 国际服务 商标交易 会员权益 IP管家助手 需求市场 关于龙图腾
 /  免费注册
到顶部 到底部
清空 搜索

一种基于浏览器CSS样式优化DOM性能方法、装置 

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

申请/专利权人:深圳联友科技有限公司

摘要:本发明属于CSS领域,涉及基于浏览器CSS样式优化DOM性能方法、装置、计算机设备及存储介质,所述方法包括:根据设计稿分析UI构造和业务逻辑,设计DOM结构;获取DOM结构类型,判断DOM结构类型是否为单列展示且数量≤3的DOM结构、文本列表展示型的DOM结构、单业务模块组件的DOM结构或者以H5动画交互页类的DOM结构,然后根据不同的DOM结构进行处理。利用了浏览器内置的WebComponent自定义HTML标签隔离CSS‑Tree特性减少了生成CSSRenderTree的时间;高频率使用重绘属性降低浏览器回流重新计算HTML排版的性能损耗;充分利用了客户端的硬件加速GPU功能。

主权项:1.一种基于浏览器CSS样式优化DOM性能方法,其特征在于,包括下述步骤:S1、根据设计稿分析UI构造和业务逻辑,设计DOM结构;S2、获取DOM结构类型,判断DOM结构类型为单列展示且数量≤3的DOM结构进入步骤S3,判断DOM结构类型为文本列表展示型的DOM结构进入步骤S4,判断DOM结构类型为单业务模块组件的DOM结构进入步骤S5,判断DOM结构类型为以H5动画交互页类的DOM结构进入步骤S6;S3、使用伪元素样式与事件冒泡事件实现DOM节点业务UI交互,进入步骤S7;S4、使用section和article标签和伪元素渲染文本列表,进入步骤S7;S5、使用WebComponent实现DOM模块业务,进入步骤S7;S6、使用硬件加速、渲染回流、canvas标签实现DOM动画交互,进入步骤S7;S7、利用浏览器CSS3标准协议之一的will-change对动画效果进行针对性的优化重绘流程。

全文数据:

权利要求:

百度查询: 深圳联友科技有限公司 一种基于浏览器CSS样式优化DOM性能方法、装置

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。