跨越银河Galaxy

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

简单地翻译过来就是：PWA像传统的web app一样，但是它更优秀。 PWA是Google推出的技术，你可以在这里找到更为详细的资料。或者前往MDN查看文档。 PWA是全新的内容，它不仅仅是全新的API那么简单，更为重要的是，它引入了一系列全新的标准和语法作为基础。在学习PWA…

渐进式网页应用（PWA）通过结合网页和移动应用的优点，为用户提供了理想的解决方案。本文将详细探讨如何在一个基于 Vue.js 的应用商城中实现多个独立的 PWA。

Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。 这些技术能够正常的工作，但是却有着一系列的问题，包括无法很好的支…

一、问题场景：电商列表页的性能困局 业务背景： 某家居平台商品列表页含200+商品卡片，需实现： 图片进入视口时加载高清图 商品曝光满2秒触发埋点统计 滚动时底部自动加载新商品 技术痛点： 二、解决方

通过这篇文章你可以学习到：前端埋点&监控、区分js模块化、打包工具rollup、API之History、JS二进制、sendBeacon发送post请求等知识。

前端埋点的核心在于高效地收集、处理和上报用户行为数据。 本文中的埋点代码通过模块化设计和灵活的实现方式，提供了一个高效且易于扩展的前端埋点解决方案。 源码位置

🪜 写在前面 在成熟的前端系统中，埋点系统是数据驱动业务优化的基础设施。 你必须能回答这些问题： 用户是如何使用你设计的功能的？ 页面是否有异常？在哪个版本上？ 哪些按钮常点？哪些页面访问量低？ 哪些

Page Visibility、Web Share、Broadcast Channel 等 10 个被忽视却极实用的 JS API，能一键实现跨标签通信、懒加载、取消请求等高频需求，复制即用，面试加分