查看配置 12345git config --global --list// 可选参数 --global(有所仓库)--local(当前仓库) --system(当前系统登陆用户) 设置名字、邮箱 12git config --global user.name 'yourName'git config --blobal user.emai...

说到 Drawer 大部分的朋友可能都很陌生，那 Drawer 是个什么东西？ Chrome DevTools 有很多部分，被分为9个 tab (俗称选项卡) ( Elements ， Console ， Sources ， Network ， 等等…) 但是，那仅仅是它的一部分而已！有一组平行的选项卡，被隐藏在主窗口之下。这个组合被称为 Drawer 1....

1. 通过 'h' 来隐藏元素按一下 'h' 就可以隐藏你在元素面板中选择的元素。再次按下 ‘h‘ 可以使它出现。某些的时候这很有用：例如你想截图，但你想去掉里面的敏感信息。 2. 拖动 & 放置 元素当你想看看页面的某一部分在 DOM 树的不同位置的显示效果时，只需要拖动放置它(到指定的位置)，就像在机器上的其他任...

一、水平居中1.1 行内元素1234.parent { text-align: center;}复制代码 1.2 块级元素1.2.1 块级元素一般居中方法1234.son { margin: 0 auto;}复制代码 1.2.2 子元素含 float123456789.parent{ ...

Network 作为我们经常调试的 Chrome 面板，你知道它有哪些使用技巧吗？ 1. 隐藏 network overview你经常查看 Network 面板是为了: 我想看看请求的时间轴信息 我就想看看请求列表- 确认下请求状态，资源大小和响应结果呢 我赌你是后者，如果是这样，那么 Overview 的部分就没有任何理由占用 Network 接近一半...

我最开始接触前端的时候，学会用的就是 console.log ，甚至现在，大部分情况也还在用它调试，但是，在不同的场景下，除了 log ，其实有更好的选择。 1. console.assert在 MDN 中是这样定义的 12console.assert(assertion, obj1 [, obj2, ..., objN]);console.assert(a...

在我们调试 Javascript 的代码时，对象 和 方法 作为经常被我们调试的对象，所以这里介绍关于 对象 和 方法 的调试技巧。 1. queryObjects （对象查询）方法 假如我们有这样一段代码，我们在里面定义了一些对象。 问一个问题，我们怎么知道，在 特定的时刻 + 特定的执行上下文 有哪些对象呢？ DevTools 里的 queryObjec...

有时你设置的断点是不是被执行了太多次？假设有一个包含 200 个元素的循环，但是你只对第 110 次循环的结果感兴趣，又或者你只对一些满足某些条件的结果感兴趣，怎么办呢？这就是我们要说的条件断点： 1. Conditional breakpoints 条件断点这样的情况下，你可以设置一个条件断点： 右击行号，选择 Add conditional break...

如今，越来越多与浏览器有关的 API 都是 基于 Promise 的 。当你使用 promise 的时候通常配套用 .then(处理方法) 或者 将 promise 包裹在 async 方法中，再使用 await 来接收结果。 我们在 JavaScript/TypeScript 中大量使用的东西，但如果在 Console 中书写这样的结构很不方便。 像下面这...

Collectionsreject_.reject(list, predicate, [context]) Returns the values in list without the elements that the truth test (predicate) passes. The opposite of filter. predicate is t...