工作中的一些总结

最近在写原生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

其实在开发中多标签页通信也是比较常见的，以前开发中就遇见过，在当前页面操作完毕后刷新其他标签页，具体看这里，下面我们再来详细总结一下常用的通信方法。 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文件也是必不可少的。但是在开发中