在前端开发中，我们常常需要进行日志监控和错误排查，以便快速定位并解决问题。为了实现日志监控，我们需要搭建一个上报SDK，将前端产生的日志信息上报至后端。本文将介绍如何搭建前端日志监控的上报SDK

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance

前言最近做性能检测工具，很多知识点不清楚，打算查缺补漏，补一补。接下来从官方提供的性能检测工具Lighthouse(灯塔)开始我们的学习，简单介绍了下Lighthouse的一些点。

webpack性能优化如何进行性能数据分析编译时间的优化编译体积的优化如何运行的更快本文起步工程,承接上一篇文章electron主线程和渲染线程的交互总结如何进行性能数据分析安装friendly-er

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。 对于前端来说，技术选型挺简单的。就是…

随着移动互联网的发展，用户对产品的使用体验要求越来越高。H5作为业务的重要载体，在移动端的应用非常广泛，因此H5页面性能是一个非常核心的用户体验指标。 本文结合【饿了么首屏优化实践】为大家介绍页面性能优化的思路。 性能优化的首要基础是数据和指标。没有正确的数据和指标指引，优化思…

衡量一个 Web 页面的体验和质量一直有非常多的工具和指标 ... 每次我们去关注这些指标的时候都会非常痛苦，因为这些指标真的是又多又难理解，测量这些指标的工具也非常多。 当看到最近发布的 Chrome 83 中又增加了几个性能指标的时候我头都大了... 优化用户体验的质量一直…

右键单击Elements面板中的元素节点并选择“ force state ”。或者在Sytle子窗格中单击“：hov ”图标。可以触发元素上的伪类来研究元素在悬停时的效果和样式 当使用Elements面板浏览DOM时，尝试通过CSS选择器搜索节点。 您可以双击Elements面…