前端面试

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

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

HTML5特性 新增 新的选择器 document.querySelector、document.querySelectorAll 媒体播放的 video 和 audio 标签，以前⽤的flash实现

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

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

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

其实在开发中多标签页通信也是比较常见的，以前开发中就遇见过，在当前页面操作完毕后刷新其他标签页，具体看这里，下面我们再来详细总结一下常用的通信方法。 BroadCast Channel Service

包含块，在前端开发中有着很重要的地位，很多内容的计算都离不开包含块，但是在学习前端内容的时候又会被忽略，下面我们来介绍一下。 为何会总结包含块呢 最近突然用到了offsetLeft, offsetTo

又到了找工作的时候了，接着牛客面经每日一总结系列更新，每次面试八股是必背的，关注前端面试专栏，带你了解大部分面试类型。

也是前几天的笔试题，让我了解和巩固了一些原生js的api。感谢贵公司收留我，自己也会努力提升自己的技术。 如何通过浏览器api调用摄像头，录音设备？ navigator可以获取当前浏览器的信息。 na

nrm npm 镜像源管理工具 nrm（NPM registry manager）是 npm 的镜像源管理工具，使用它可以快速切换 npm 源。在下载和发布npm包是非常有用的。 vscode插件市场

可视化对于现在管理系统开发还是挺常见的，基本都会涉及一些可视化图表的展示。一般都是通过echarts去开发的。 下面我们就来简单对 echarts 进行封装并举一些例子来带你快速开发可视化图表。 一般

首先，我们项目是通过vben admin搭建的基本框架，然后它内部集成了vue-i18n等国际化库，我们可以直接使用。但是国际化内容是产品将一些翻译输出到excel发给我，这样我就需要将excel内容

vben这个后台管理系统的框架，基于ant-design-vue组件库封装了很多好用的组件，我们在日常开发中用的最多的就是Table, Form组件了。下面就简单介绍一下。 监听菜单折叠 获取当前语言

作为应届生，带着无限憧憬来到这里，但是经过这三个月的经历，发现只有无限的消耗，并没有任何想要留下的感觉，每天携着自己早已不属于自己的脑袋来到早已不想来的地方... 动效逻辑实现 将元素布局设置好，调整

前置知识 运行时 h函数生成vnode。 render函数渲染vnode，生成真实的dom。 dom树 runtime-core 和 runtime-dom分开编写的原因： 不同的宿主环境使用不同的a

由于自己工作主要的技术栈是vue，感觉最近自己每天都是代码搬运工，很无聊，就想着去系统学习vue3源码，提升自己对vue的理解能力。但是每次遇到自己不是很懂得知识后，就放弃思考，也就没了继续学习的想法

动态组件 业务需求是这样的，最开始需求是一个tabs切换展示不同内容。为了方便我们循环去配合component去实现。这样省力。 但是做完后，产品说新加一个分配项目的功能。当点击进入项目详情，也就是这

通信必要条件 主机之间需要有传输介质（网线，光纤等，建立物理连接） 主机上必须有网卡设备（信号的调制与解调制，数字信号和电信号的转换） 主机之间需要协商网络速率。 网络通讯方式 交换机通讯，局域网中的