前言 🎉 本文将从三个角度（页面渲染，打包优化，总体优化）分析前端性能优化的一些方案。如有错误，欢迎指出，也可以在评论区提出你对性能优化的一些见解，相互学习，共同进步！💪 （ps: 小彬之前也总结过一

本文旨在把常见的前端性能优化的手段归类整理，画大图，供大家在自己的自测流程中参考。对于性能优化，并不是说有了优化总结这张大图，就不管开发什么项目都对着来一遍。优化是有场景与前提的，「乱优化不如不优化」

背景 最近领导安排了一个任务，优化目前web端的流程引擎，目前是配置了300多个组件，页面展示慢，并且输入框的在进行输入的时候，有明显的卡顿，页面在用着用着就会浏览器崩溃 基本的流程图 问题点主要有以

vue添加过滤器，超出文字省略号显示，适用于任何地方，方便简洁直观的方法。也可以封装成公共方法，随时调用。

vuex的 store 中的数据是保存在运行内存中的，当页面刷新时，页面会重新加载 vue 实例，vuex 里面的数据就会被重新赋值，这样就会出现页面刷新vuex中的数据丢失的问题。 如何解决浏览器刷

Vue使用query传参，跳转时，数据是正常的，但第二次刷新页面数据会变为[object object]。 2.跳转后：将字符串转换为JSON对象。 这样处理一下，刷新后数据就不会丢失了。 更多示例代码请到GitHub: https://github.com/Jackyyans…

无论您是想成为高级前端工程师，还是一名合格的 Leader，都离不开对前端技术与业务的基础建设沉淀； 我相信您看完后的收获会远不止于此 ~

老板让你做性能优化，第一步你应该做什么？想做好网页性能优化，首先需要先定义好性能指标。性能指标才是做好性能优化的第一步。

最近在逛各大网站，论坛，SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，小编自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己