如何快速定位线上bug，是多数开发者都会遇到的难题 web-see 前端监控，提供了前端录屏+定位源码方式，让bug无处藏身

推荐大家时间充裕的话可以自己阅读英文原文，此文是根据掘金翻译的四篇文章 + 其他的翻译文章 + 自己翻译修改得出的。因为翻译大家懂得，会有一些错误的地方，欢迎大家指出，本人不保证翻译没有错误，但已经尽力去翻译了，所以欢迎大家直接阅读英文原文！！欢迎大家直接阅读英文原文！！欢迎大…

下面你将会看到你可能需要考虑到的前端性能优化问题，以保证你的应用具有快速和流畅的响应时间。 在 2005 年，Google 推出了 Brotli，一个新的开源无损数据压缩格式，现在 被所有的现代浏览器所支持。实际上，Brotli 比 Gzip 和 Deflate 更有效。取决于…

天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大家…

HTTPS已成为业界标准，这篇博客将教你申请Let's Encrypt的免费HTTPS证书。 本文的操作是在Ubuntu 16.04下进行，使用nginx作为Web服务器。 1. 安装Certbot Certbot可以用于管理(申请、更新、配置、撤销和删除等)Let's Enc…

本文将讲解如何用shell开发自动化脚本刷新CDN缓存。 为什么会做这个小脚本，根本原因还是懒... 公司的运维，很贴心开发了一个form表单的网页，专门给前端同学刷新CDN缓存。虽然可以满足要求，但是每上一次项目，就得打开该网页，输入SecretKey和需要刷新的URL地址，…

本文作者是来自360导航的前端开发工程师 Berwin，W3C 性能工作组成员，同时也是《深入浅出Vue.js》（待出版）的作者。 本文转载自奇舞周刊。

前端面试常问第二大问题是http缓存相关内容。说真的，http缓存相关的细节比较多，并且 http 常用协议版本有1.0、1.1，（本文暂不讨论http2.0）。 我们先罗列一下和缓存相关的请求响应头。 今天着重介绍一下浏览器缓存机制，我们知道，浏览器缓存一般都是针对静态资源，…