前端

前言 作为一名前端开发“老鸟”，组件封装早已是老生常谈的话题，技术论坛上随处可见各类组件封装技巧的探讨。但今天我想聊的，并非这些具体技巧，而是一个更本质的问题：我们做组件封装，到底是为了什么？

本文基于 gulp 的自动化构建能力，结合 conventional-changelog-core 的规范日志生成特性，搭建一套组件库发版时 CHANGELOG 自动更新的方案。

本文主要是基于 @microsoft/fetch-event-source 这个工具提供一个通用、可复用的 SSE 请求封装方法，涵盖参数配置、流式数据处理、异常捕获、主动中断等核心场景

这是一个项目中经常用到的参考线高阶用法，主要是实现 echarts 图形中数据项之间的差异值标注参考线

本文主要实现一个实时语音转写组件，基于原生的 `MediaRecorder API`，从音频流捕获、音频波形可视化（基于 `wavesurfer.js`）、实时数据处理、语音识别转写，逐步拆解前端语音

导出的 pdf 文件需要添加平铺式水印，当前项目使用的 pdf 导出插件是 `pdfmake` ，但是该插件并没有实现平铺式水印，官方自带的水印效果无法满足项目要求，需要自行编写水印生成代码

主要应用场景是导出 pdf 的时候图片过长的情况下没法在一页内完整导出，此时需要对图片进行分页切割，这里实现的就是一个基于 canvas 的图片分页切割方法 代码实现 使用示例