所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

其实性能优化还存在很多可以玩的地方，今天笔者就来聊一些大家不常关注的地方，从开发到 CI 的构建阶段以及最后部署上线这几个链路。

前言 文章较长，建议收藏～ 笔者个人实话实说，是第一次做活动页相关的前端开发工作，所以也算是初体验之后的总结： 第一：活动类经历会短期内提升一个业务前端的技术水平 如果你从来没写过活动类型的需求，第一

前言 本文会介绍浏览器中帧（Frame）的概念，它的流程是怎么样的。 至于写这个文章的出发点在于，我好奇浏览器中像素工作流程是怎么样的，什么时候开始的，最后的结果是什么。 基于这些好奇，查阅了些外文资

队列的特点：先进先出。 栈后进先出，队列先进先出。 思路是：「输入栈」正常push的时候，相当于队列的倒序；如果把「输入栈」的元素逐个弹出放到「输出栈」，相当于正序的队列，此时弹出就实现了先进先出。 当 pop() 元素的时候，优先从「输出栈」弹出元素。如果「输出栈」为空，则把…

在前端性能优化的方式中，最重要的当然是缓存了，使用好了缓存，对项目有很大的帮助。比如我们访问网页时，使用网页后退功能，会发现加载的非常快，体验感很好，这就是缓存的力量。 什么是缓存呢？ 当我们第一次访

那什么是内存泄漏呢？借助别的大佬给出的定义，内存泄漏就是指由于疏忽或者程序的某些错误造成未能释放已经不再使用的内存的情况。简单来讲就是假设某个变量占用100M的内存，而你又用不到这个变量，但是这个变量没有被手动的回收或自动回收，即仍然占用100M的内存空间，这就是一种内存的浪…

通常在页面开发中，我们是通过路由去管理不同的页面，常用的路由库也有很多，譬如：React-Router，Dva-router...... 当我们切换路由时，没有被匹配到的 Component 也会被整体替换掉，原有的状态也丢失了，因此，当用户从详情页退回到列表页时，会重新加载列…

computed是计算属性，根据已有的变量做一些操作返回新的变量。 在面对computed，watch，method的情况下，能使用computed就尽量使用computed，因为computed具有缓存的功能。 此时我们使用的就是method的方式，当点击按钮改变num的值，…