工作中的一些总结

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

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

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

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

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

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

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

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

由于公司产品定制了devtools，而我们的产品又是作用于任意网站的，对于一些网站（例如科大讯飞）是不能打开devtools或者说打开后立刻关闭，所以这篇文章总结一下有哪些实用的方法可以监听到devt

一般在开发时不会遇见这种需求，起因也是加入到一家趋于原生开发的公司，开发chrome插件时，遇到了这种场景，选择页面中所有的video标签。我们需要考虑Shadow DOM, iframe中等等情况。

主要实现步骤 对接第三方平台，获取第三方平台的用户信息。 利用该用户信息，完成本应用的注册。 qq登录接入 接入前的配置 qq互联 登录后，点击头像，进行开发者信息填写，等待审核。 邮箱验证后，等待审

我们知道vue3中移除了$on，$off 和 $once，所以不提供全局事件总线的能力了。并且官方也推荐使用mitt 或 tiny-emitter来做事件总线功能。 那么这篇文章就是介绍如何使用js原

为了方便操作，我们都会封装一些全局指令为项目服务，这也会作为一个项目团队的基建。具体自定义指令请看这里 想要开发一个全局自定义指令，我们需要了解其生命周期钩子。 binding 参数会是一个这样的对象

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

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

我们知道，在开发一个项目的时候都需要通过package来管理一个项目，用于描述项目的元信息以及依赖关系。如果你使用ts来开发一个前端项目，那么tsconfig.json文件也是必不可少的。但是在开发中

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

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

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

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