摘要：贴一个细节图其他分析小拽通过上面的举例，旨在抛砖引玉，希望或者结构在前端的自动化测试有一定应用，提升产品质量。最终再上一张流程图，便于分析相关文章前端自动化上篇初步调研前端自动化中篇源码分析
核心dom校验通过page-diff的初步调研和源码分析，确定page-diff在前端自动化测试和监控方面做一些事情。本篇主要介绍下，page-diff在具体的实践中的一些应用
前端的快速发展，造成前端dom无论结构还是命名经常变化，每次都尽可能关注每个dom的变化，不可能也没有必要。但是核心dom是相对变化较小，但是比较重要，因此可以利用page-monitor 修改关注结构中的核心代码，核心架构的变化。
上图是未修改的代码，下图是忽略footer内部变化
实践中可以针对自身的核心dom进行进一步优化
项目中，往往在某一时期特别关心某些板块，或者某些板块相对容易出错；因此，可以利用page-monitor 进行局部dom的细节diff。中篇中对只针对header进行对比diff做了详细介绍，此处不赘述，上图。
算法优化由于获取了完整了dom的json，因此可以通过相关阈值的设定或者算法的优化；来对比结果，进行更加优化的分级预警和分析；作者一般对非核心预警超过15%变化会做出预警，超过更高阈值会进一步的预警等等。
贴一个dom 细节图
小拽通过上面的举例，旨在抛砖引玉，希望page-monitor或者dom结构在前端的自动化测试有一定应用，提升产品质量。
最终再上一张流程图，便于分析
相关文章：
【page-monitor 前端自动化 上篇】 初步调研
【page-monitor 前端自动化 中篇】 源码分析
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/80029.html
摘要：上篇中初探了的一些功能和在前端自动化测试方面的可行性，本篇主要分析下的实现方式和源码。文件分析完整文件目录运行生成目录分析出了及其组件代码，可用和值的分析的文件和下面的五个文件。相关文章前端自动化上篇初步调研前端自动化下篇实践应用 上篇中初探了page-monitor的一些功能和在前端自动化测试方面的可行性，本篇主要分析下page-monitor的实现方式和源码。 mode-modul...
摘要：前端自动化测试主要在于变化快，不稳定，兼容性复杂故而，想通过较低的成本维护较为通用的自动化比较困难。本文旨在通过获取和分析结构，调研能否通过监控和分析核心，来进行前端自动化测试。相关文章前端自动化中篇源码分析前端自动化下篇实践应用 前端自动化测试主要在于：变化快，不稳定，兼容性复杂；故而，想通过较低的成本维护较为通用的自动化case比较困难。本文旨在通过page-monitor获取和分...
摘要：安装后已经完成了安装，并且等待其他的线程被关闭。激活后在这个状态会处理事件回调提供了更新缓存策略的机会。并可以处理功能性的事件请求后台同步推送。废弃状态这个状态表示一个的生命周期结束。 showImg(https://segmentfault.com/img/bVbwWJu?w=2056&h=1536); 不知不觉，已经来到了最后的下篇 其实我写的东西你如果认真去看，跟着去写，应该能有...
摘要：假如我们底层的连接得到重用，这时候的情况会是这样子很明显，在获取的请求中，减少了一次握手往返。在使用持久连接后，避免了一次握手往返总延迟减少为。其代价往往是不能充分利用网络连接，造成服务器缓冲开销，有可能导致客户端更大的延迟。 欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~ 本文由腾讯IVWEB团队 发表于云+社区专栏作者：yangchunwen HTTP协议是前端性能乃...
摘要：假如我们底层的连接得到重用，这时候的情况会是这样子很明显，在获取的请求中，减少了一次握手往返。在使用持久连接后，避免了一次握手往返总延迟减少为。其代价往往是不能充分利用网络连接，造成服务器缓冲开销，有可能导致客户端更大的延迟。欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~ 本文由腾讯IVWEB团队发表于云+社区专栏 作者：yangchunwen HTTP协议是前端性能乃至...
阅读 2369·2019-08-30 15:56
阅读 1026·2019-08-30 15:55
阅读 3189·2019-08-30 15:44
阅读 921·2019-08-30 10:53
阅读 1868·2019-08-29 16:33
阅读 2425·2019-08-29 16:13
阅读 699·2019-08-29 12:41
阅读 859·2019-08-26 13:56
