1. $0在 Chrome 的 Elements 面板中， $0 是对我们当前选中的 html 节点的引用。 理所当然，$1 是对上一次我们选择的节点的引用，$2 是对在那之前选择的节点的引用，等等。一直到 $4 你可以尝试一些相关操作(例如: $1.appendChild($0)) 2. $ 和 $$如果你没有在 App 中定义过 $ 变量 (例如 jQ...

一般来说，我们会使用 console.log() 来打印某个对象，并且，两次打印之间，还会对这个对象进行修改，最后我们查看打印的结果发现，修改前的打印和修改后的打印，竟然是一样的？这样出乎意料的情况，让我们难以继续 console.log 的调试。 口说无凭，举个例子把： 我们可以看到，一共有两次打印，一次是打印原始信息，一次是打印我们修改后的信息，并且我...

前言我们直接可以直接看到的 DevTools 的功能，其实只是有限的一部分，怎么去探索更多的功能呢？ Command 菜单可以帮助我们快速找到那些被隐藏起来的功能，这也是它本身必不可少的原因。 如果你使用过 WebStorm 中的 Find Action (查找动作) 或者 Visual Studio Code 中的 Command Palette 的话，那...

1. 切换 DevTools 窗口的展示布局一般我在使用 DevTools 时， dock 的展示窗口都在底部 ，但是有时候我想把 dock 的窗口 切换到右边。 怎么做呢？ 这时就可以通过 DevTools 的下拉菜单，或者命令菜单…或者使用一个快捷键 ctrl + shift + D (⌘ + shift + D Mac) 来实现位置的切换（通常是从 开...

在调试的过程中，我们总要对 Dev Tools 里面的数据进行 复制 或者 保存 的操作，所以我们来看看，关于这些，有什么小技巧呢？ 1. copy(...)你可以通过全局的方法 copy() 在 console 里 copy 任何你能拿到的资源。 2. Store as global (存储为一个全局变量)如果你在 console 中打印了一堆数据 (例...

谷歌浏览器（通常简称为 Chrome ）是由谷歌开发的网络浏览器。 它于 2008 年首次针对 Microsoft Windows 发布，后来移植到 Linux ，macOS ，iOS 和 Android 。 浏览器也是 Chrome OS 的主要组件，它可以作为 Web 应用的平台。Chrome-wikipedia 浏览器的市场天下三分，Chorme，Sa...

webpack 自带的打包器只能支持 JS 文件 当我们想要加载 css/less/scss/stylus/ts/md 文件时，就需要用 loader loader 的原理就是把文件内容包装成能运行的 JS 比如 加载 css 需要用到 style-loader 和 css-loader（由于单一职责的原则...

预期使用方式 检查一下哪些问题你感兴趣 检查一下哪些是你可以自己在网上找到答案的 找不到的话就向面试官提问 绝对不要想把这个列表里的每个问题都问一遍。 请记住事情总是灵活的，组织的结构调整也会经常发生。 拥有一个 bug 追踪系统并不会保证高效处理 bug。CI/CD (持续集成系统) 也不一定保证交付时间会很短。 职责 On-call (电话值...

什么是算法算法 以下是高德纳在他的著作《计算机程序设计艺术》里对算法的特征归纳： 输入：一个算法必须有零个或以上输入量。 输出：一个算法应有一个或以上输出量，输出量是算法计算的结果。 明确性：算法的描述必须无歧义，以保证算法的实际执行结果是精确地匹配要求或期望，通常要求实际运行结果是确定的。 有限性：依据图灵的定义，一个算法是能够被任何图灵完备系统模拟的一...

1、思维模式DO-WHAT-HOW-WHYdo：会做一件事情，what：知道为什么做这件事（分配一个任务，知道是什么任务，也知道为什么会有这个需求，那就做了）how：虽然会做也知道为什么做，但是光只会做，并没有思考最优解。比如你有个锤子，看什么都像钉子，有时候不需要很复杂，一个电话就解决了。why：最高级，公司为什么要做这件事情，不这样做换种方式能否达到效果...