工作中的一些总结

在前端的世界里，除了通过input[file]上传文件外，我们是无法处理文件内容的，处理文件的逻辑都需要依赖于后端完成，现在html5提供了showOpenFilePicker(), showDire

最近在看mdn，很早之前就了解点文本选区，但是介于他API太多，当时就劝退自己了，这周闲下来梳理下。 getSelection() 返回一个 Selection 对象，表示用户选择(当前点击)的文本范

以前在开发时想要获取和修改cookie一直都是使用document.cookie来进行操作的，而且cookie的属性又很多，赋值起来十分不方便，并且获取的时候不能根据属性名进行精确获取单独的一条coo

最近有个录制浏览器标签页的需求，调研发现Screenity浏览器插件就可以实现这个功能，于是就调研了具体的实现方法。 由于我们的功能适配是基于mainfest V2的，所以我们先来看V2如何实现页面录

最近在通过singlefile插件开发网站镜像关联功能时遇见一些问题进行记录。 问题 直接通过file协议打开本地镜像文件时，iframe中资源及链接无法通过file协议请求(链接跳转，及视频资源加载

--- theme: z-blue highlight: a11y-dark --- 最近需要完成一

去年也写了一篇关于自己的总结，感兴趣的可以看看😀 《四年沿海城市，刚毕业，一年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的优势 编译时静态类型检测：函数或方法传参或变量赋值不匹配时，会出现编译错误提示，规避了开发期间的大量低级错误，省时，省力。 自动提示更清晰明确。因为在编译阶段就确定了变量类型，所以语法提示更清晰