当我们用 Typesript 来写 Node.js 的代码，写完代码之后要用 tsc 作编译，之后再用 Node.js 来跑，这样比较麻烦，所以我们会用 ts-node 来直接跑 ts 代码，省去了编

插件很多，如果选择一款属于我们程序猿喜好的插件？今天我来跟大家聊一聊WebTerminal。 一. 推荐理由 太多插件都有自己的后台，这让我们觉得很是不安全，因为这些插件想作恶就是一念之间。 WebTerminal是一款开源的插件，无后台，我也尝试抓过请求，确实没有任何后台请求…

关于chrome extension的开发经验总结或说明文档等资料很多，很多人在写，然而，我也是一员。但是，也许这篇文章，可能给你一些不一样的感受。 后面部分多为一些我在项目中总结的方法，这部分就是在别人的资料可能看不到的地方了，当然，这些方法也许不通用，因为毕竟是基于我项目里…

本文旨在 chrome 入门开发，如果需要深入开发，可以去 chrome 官网进行学习。 本文将会列举一些常用的概念说明，包含 5种js 类型对比、 6个核心、消息通信和一些动态化注入、打包发布等。 本文讲的 chrome 插件真正的叫法应该是 chrome 扩展(Chrome…

面试的时候被问到Chrome devtools的工作原理没答上来，之后专门学习了一下，写本文梳理下知识点。 对于Chrome devtools大家普遍熟悉可以通过右键inspector或者cmd+opt+j打开控制台进行本地调试。还有一种方法就是可以通过一个浏览器调试另一个浏览…

本文主要分享的就是这些开发者工具怎么与页面进行消息通信的。 这个开发者工具源码：https://github.com/HuJiaoHJ/ec-devtools，这个工具是一个支持canvas库 ( easycanvas ) 的chrome调试工具，能对canvas的元素的样式、…

前言 最近在网上有个真实发生的案例比较火，说的是一个新入职的员工，不会用 git 拉代码，第二天被开除。由此，可见 git 对我们工作的重要性，无论是前端后端，都是离不开 git 的，下面就让我们一探

对于每位开发者而言，bug已经是不能再寻常的东西，debug也是家常便饭的事情。然而寻根溯源起来，还得从上个世纪五十年代讲起。 1947年9月9日，哈佛大学在测试马克II型艾肯中继器计算机的时候，一只飞蛾粘在一个继电器上，导致计算机无法正常工作，操作员把飞蛾移除之后，计算机又恢…

本文暂未涉及Performance面板的内容。 1. Chrome Devtools 的用处 2. 菜单面板拆解 3. 常用命令和调试 1. 呼出快捷指令面板：cmd + shift + p 在Devtools打开的情况下，键入cmd + shift + p将其激活，然后开始在…