最近在业务上遇到了一个问题是要将页面打印输出成pdf文件，通过点击一个按钮，就能够将页面写在一个pdf上，并下载下来，需要保证pdf的内容具有很好的可读性。

前言 在这之前公司项目的文档预览的方式都是通过微软在线预览服务，但是微软的在线服务有文件大小限制，想完整使用得花钱，一些图片文件就通过组件库antd实现，因为我们项目存在多种类型的文件，所以为了改善用

前言 具体的预览需求： 预览需要支持的文件类型有： png、jpg、jpeg、doc、xlsx、ppt、pdf、md、txt、audio、video，另外对于不同文档还需要有定位的功能。例如：pdf

页面效果 具体实现 新增 1、监听鼠标抬起事件，通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.get

直播组成：一个直播项目通常由三部分（两端一服）组成：两端-推流端、拉流端，一服-流媒体服务。 直播流程：主播通过推流端（OBS等设备）将视频流推送到流媒体服务，流媒体服务进行视频切片、转换等过程，推送视频流到拉流端。 实时通信：实时通信功能，例如评论等实时展示的数据，交互可以用…

Server-Sent Events，即服务器发送事件，是一种基于 HTTP、用于服务端向客户端推送数据的技术。 不需要请求服务端的情况下，相对于 ws，SSE 无疑是一种简单、高效的轻量级替代方案。

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

Vue 是怎样对AST进行静态分析的？本文分为两大部分：简要概括分析（比较通俗易懂，小白都能看懂）和源码阅读（比较枯燥，适合有一定基础的同学）。文章较长，文末有精简版总结。

大家好，我是柒八九。 前言 前几天，我们写了关于Chrome的FCP,看后台数据，反响还是不错的。 那么，今天我们继续讲另外一个比较重要的性能指标LCP。 如果想了解该系列文章(浏览器底层原理&优化方