序言 如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？ 密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。 我们是如何做到让import

背景 一、import按需加载 很多小伙伴肯定不少看到过，性能优化路由要用import('@/views/xxxx.vue')这样就可以按需加载了。 本身的vue-cli自动创建出来的时候也会有这一条

为什么要有前端监控？ 一个很现实的原因是bug是不可能被全部测试出来的，由于成本和上线档期的考虑，测试无法做到“面面俱到”，即使时间充裕也总会有这样或那样的bug埋藏在某个角落。 所以一个可靠的前端监

喜欢玩游戏的都知道FPS，FPS的概念来源就是游戏和视频，也就是每秒的帧数。打了几十年的游戏深受FPS困扰啊，MMP的一点都不流畅太特么卡了啊... 回正题，在页面上，FPS是页面内容渲染时的帧率，FPS越低页面也就越卡。作为3年+的前端开发工作者，今天说说我在工作中是怎么监控…

一. 概述 实验室每次项目发布测试时，都要手动本地打包好了然后上传到服务器，替换原来nginx下面的目录文件，十分麻烦和繁琐。这次就来优化一下，通过Dockerfile + Jenkins实现自动化部

全面介绍了Nginx配置的相关知识,内容涵盖核心配置、location匹配规则、反向代理、负载均衡、动静分离等方面

proxy cache属于服务端缓存，主要实现 nginx 服务器对客户端数据请求的快速响应。 nginx 服务器在接收到被代理服务器的响应数据之后，一方面将数据传递给客户端，另一方面根据proxy cache的配置将这些数据缓存到本地硬盘上。 当客户端再次访问相同的数据时，n…

每当我们发布版本之后万恶的index.html的缓存老是需要手动清除一下，才能加载新的js文件（虽然我们使用了hash后缀打包js文件，但是html文件入口是固定的）。每次客户出现了问题，都只能在群里说下清一下缓存试试呢。这样也不是个事儿呀... 如上图所示，我访问系统时第一个…

我终于搞懂了http缓存 前言 做了前端之后才发现，浏览器缓存真是一个神奇的存在，让你又爱又恨，又好奇又敬畏。 在开发过程中，相必各位前端开发经常会有这样的对话： 测试：这个展示有bug 前端：我本地