前言 现如今前端构建打包工具层出不穷，有 Webpack、Vite、Rollup...，但无论是哪一个工具，还是从一个工具切换到一个新颖的工具，实际上最终都离不开 解析编译，模块分包，压缩优化三个阶段

前端监控的一个关键环节是如何采集异常数据，应用的异常多种多样，本篇介绍如何优雅的采集并进行处理和分类

最近一年多一直在做前端的一些测试，从小程序到店铺装修，基本都是纯前端的工作，刚开始从后端测试转为前端测试的时候，对前端东西茫然无感，而且团队内没有人做过纯前端的测试工作，只能一边踩坑一边总结经验，然后将容易出现问题的点形成体系、不断总结摸索，最终形成了目前的一套前端测试解决方案…

上述性能监控的结果集，可以分析出前端性能的好坏，监测性能的结果可以指向性的去优化各块性能，比如常见的加快首屏加载等等。 2.页面的性能直接关乎用户体验，开发设备的测试数据具有局限性，结合大量线上用户性能数据能更好的佐证页面性能，并对应优化。 3.资源（cdn）加载的异常能实时体…

在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http…

Webfunny介绍 Webfunny是一款轻量级前端异常监控和前端性能监控系统，帮助前端工程师定位并解决各种线上问题，确保项目健康良好的运行 官网： https://www.webfunny.cn/

在实际业务开发中，我们可以通过设计各种 Feature Flags，让代码能够更好的进行 Tree Shaking。

记录自己的前端工作流,后面慢慢补充 1.代码规范, Eslint,Prettier 2.git提交规范, husky, commitlint,lint-staged

去年上线的可视化编辑器 H5-dooring 至今已有一年的时间，期间有很多热心的网友和大佬提出了非常多宝贵的建议，我们也在一步步实现中，以下是几个比较典型的低代码可视化平台需求: 出码能力(即源码下