团队开始前端错误监控方向的开发。经历了一些列的迭代和发展，从监控SDK、上报、数据治理、看板集成、APM自研可视化初步完成了一条完整且适合B站前端监控。

使用 nuxt3 + puppeteer 在服务器搭建一个服务， 作为客户端和后端之间的中间层， 负责渲染生成PDF的页面，启动一个Headless Chrome用于生成PDF

业务需求 网页html生成A4大小分页的pdf，翻遍了整个互联网发现没有很系统的整理与分析，甚至对jsPDF的解析也没有几篇。遇到过几次，用的比较多，完成代码编写后特此整理分析，自我记录。 业务难点

前段时间，新项目要做一个看板模块。首先想到了element提供的穿梭框，仔细看完后，发现穿梭框并不能实现想要的功能。公司项目之前开发过类似的拖动功能，在嵌套数组中的元素，互相拖动。

「这是我参与2022首次更文挑战的第20天，活动详情查看：2022首次更文挑战」。 一、安装方式 draggable 官网 二、属性 1、属性列表 属性名称 说明 group group= "name

分享一些个人整理的高质量的前端资源，减少初学者面对学习资源的信息差，保持输入的是流行和前沿的技术，资源不限于 知名开发者 / 博主，文档，视频，书籍，演示网站，工具。

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 图片优化 webpack打包

项目当中如果做新增/修改/删除等等操作通常情况下都需要刷新数据或者刷新当前页面.如果页面简单,调用接口刷新数据即可.如果页面复杂,需要调用多个接口或者通知多个子组件做刷新,可以采用刷新当前页面的方式

本文将带你深入抓包原理，通过抓包工具 whistle 做到拦截线上页面请求数据，再响应本地代码 1. 什么是抓包？ 抓包就是将网络传输发送与接收的数据包进行截获