工作中的一些总结

去年也写了一篇关于自己的总结，感兴趣的可以看看😀 《四年沿海城市，刚毕业，一年3家公司》 一张图总结一年工作 工作 这是开始学习前端以来，一年基本没有去主动学习过，还记得开年公司让每个人写三条flag

以前写了一篇文章 《前端粘贴复制还能这样玩》，其中涉及到DataTransfer,下面我们来了解一下DataTransfer对象。 DataTransfer对象存在哪些事件对象中 目前就发现拖拽相关事

js事件的继承关系 浏览器只是区分了不同事件的接口，不同接口有不同的属性而已。 EventTarget 创建一个新的 EventTarget对象实例。即创建一个事件对象，用来监听和派发事件，作用等同于

最近我们需要提取不同网站的m3u8资源。以前都是提取后用公司的其他部门产品进行视频下载的，目前我们自己的产品也需要集成预览和下载功能。下面我们结合掘金大佬们分享的文章和自己分析cat-catch的源码

如果想要看3.5完整版api，你需要看英文版的vue官网API Reference | Vue.js (vuejs.org)。 以下API测试学习仅在<script setup>语法中使用。 响应式

书接上回《前端大量数据层级展示及搜索定位预览》，在做数据预览的时候查找了一些表格组件，其中ag-grid组件功能强大，恰好公司其他项目组也用的是这个组件。由于该组件是国外的，文档全英，下面来介绍一下这

前段时间还写了关于大量节点dom渲染卡顿的排查分析。展示大量数据节点(tree)，引发的一次性能排查 最近两个月做了一个需求, 大致功能如下 大量数据节点（每个用户有不同的数据量），并且需要展示清晰的

对于前端开发者来说，或多或少的都想拥有一个属于自己的组件库，下面我们就来一起看看如何开发一个属于自己的组件库，满足自己的小愿望。 我们知道一个组件库最基础的组件就是button，他没有过多的交互，就是

概述 良好的注释是日常开发中的基础规范，注释能在维护项目时帮助开发人员快速了解上下文，节约开发时间，提高项目可维护性。然而，在项目维护的过程当中，随着项目维护的人员变多、代码的上下文变复杂，很容易出现

功能需求，左边是一个无限节点的嵌套树结构，节点可能会有几万个，这时候直接展示是不现实的，所以即需要使用虚拟列表又需要进行懒加载节点数据。 我们的项目整体的组件库是element-plus，所以就很容易

最近在写原生js，遇见了一些问题，然后通过查阅MDN文档，发现了很多知道但又不是很熟悉的api，所以就想着通读一下MDN，总结一些好用且优雅的api用法，来帮助我们快速开发。 下面先来看一些全局对象的

从去年换工作后，一直都是和浏览器打交道，每天都要打开无数次控制台，最近也学习了一些好用的控制台api，提供给大家参考。如果想要了解更多，这里非常推荐大家通读 Chrome DevTools  |  C

我们知道，ts是强类型语言，如果想要有更好的语法提示和类型检测，我们就需要缩小变量的类型范围。下面这些方法可以帮助我们缩小变量范围。 类型断言,类型转换 就是通过as关键字来将变量强制推断为某种类型。

ts的优势 编译时静态类型检测：函数或方法传参或变量赋值不匹配时，会出现编译错误提示，规避了开发期间的大量低级错误，省时，省力。 自动提示更清晰明确。因为在编译阶段就确定了变量类型，所以语法提示更清晰

Windows 下我们经常会使用 wireshark、fiddler、charles、burpsuite、mitmproxy 等抓包工具，但是针对应用程序 https 抓包，上述工具并不能很好的发挥作

最近再看公司项目源码中发现:scope被用来选择元素很常见，于是就去了解了一下关于原生css的作用于问题。mdn介绍 从mdn中我们可以了解到:scope可以在css和js中进行使用，下面我们来介绍一

disabled属性的作用 我们知道disabled只能作用在表单元素上面，主要作用是使元素将不可变、不能响应事件、不参与约束验证、不能被用户更新、不能聚焦或与表单一同提交，即用户不能与该控件或其后代

使用场景：当我们将代码提交到错误的分支，我们想要把提交删除或者想要把提交应用到其他分支中，就可以使用下面两种方式来解决了。 方式一可以解决直接在当前分支删除错误的提交记录。 方式二可以解决删除错误提交

其实以下这些方法对于已经工作的小伙伴来说已经熟悉的不能再熟悉了，但是对于刚入职场或者学生来说，可能第一次接触（至少对于当时自己刚入职场来说第一次接触到charles😭）。希望可以给这部分同学带来一点点

书接上回，由于时间原因，还有几种情况没有总结，今天抽时间总结一下，其他情况请查看这里，众多跨标签页通信方式，你知道哪些？ 以下则是常用的通信方法 BroadCast Channel Service W