前言 本文整理自：developers.google.cn 及 高性能JavaScript，再加上了一些个人对其中提到的知识点的理解与补充。前端性能优化涉及很多方面，本文仅针对高性能渲染进行分析。

起因 实现动态搭建form表单，需要从dsl中组建元素渲染，我们要知道究竟动态函数究竟在patch时候差异多少 源码分析 首先我们先建立两个最小demo，通过perfomance和debug断点手段去

前端监控是指通过在前端页面嵌入监控代码，对用户在页面上的操作、页面性能、错误信息等进行实时监控和收集，基于用户产生的行为数据为产品优化指明方向，能够为用户提供更加精确和完善的服务。

背景 产品：你看看这页面加载的如此之慢，怎么会有用户用呢？（并甩给了我一个录屏） 我: （抛出前端应对之策）前端需要加载vue，js，html，css这些都需要时间呀，是不是，别说还需要接口请求，数据

完整引入按需引入单独引入配合插件：lodash-webpack-plugin安装babel.config.jsvue.config.js可以愉快的使用了lodash-es 结合 tree shakin