1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要怎么处理？

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 目前在前端开发中基本都会用到加密，最常见的就是登录密码的加密。接下来会为大家介绍几种加密方法。

内网的Lighthouse工具同 公网的 PageSpeed Insights 内容是一样。但是是英文版，需要翻译的话：可以导出成HTML，在浏览器打开，在用页面翻译工具翻译 from -- 用户开始输入url（开始导航） to -- 页面出现东西（浏览器渲染第一段DOM。图片…

Performance是Chrome浏览器自带的性能监测工具。根据我的使用，简单理解就是我们可以通过它录制一段时间的浏览器活动，通过活动的数据去分析页面是否存在提升的空间。想要获取页面的活动数据，那我们的第一步便是录制浏览器的活动。 打开F12，进入Perfomance标签页，…

前端性能测试工具 Lighthouse(灯塔)使用 目录 前言 正文 一、Lighthouse 介绍 二、Lighthouse 使用过程 三、指标详解 总结 参考文档 前言  最近做性能检测，使用的是

项目背景 我们的系统（一个 ToB Web 的单页应用）经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。 项目整体是基于 Vue + TypeS

众所周知，Javascript最初设计是运行在浏览器中的，为了防止多个线程同时操作DOM带来渲染冲突问题，js执行器被设计成单线程，但随着前端技术的发展，js能力远不止如此。

在Web应用中，文件上传是一项常见的功能。然而，当文件体积过大时，传统的文件上传方式往往会导致页面卡顿，用户体验不佳。为了解决这一问题，我们可以利用Web Worker技术来进行大文件的切片上传。

开篇 首先需要明确，大文件上传需要用到后端的支持。本文中我将选择使用Node.js框架下的 Express 来搭建我们的后台。 秒传 秒传指的是已经上传过的文件，不必重复传输，可以直接从后台取回文件资