本文主要是记录自己在使用MacBook过程中使用的一些边界工具，特地记录下与诸位分享，也欢迎各位在自身使用MacBook中一些较好的工具在评论区与大家一起分享

前言 毋庸置疑，要说前端调试代码用的最多的，肯定是console.log，虽然我现在 debugger 用的比较多，但对于生产环境、小程序真机调试，还是需要用到 log 来查看变量值，比如我下午遇到个

作为前端，当你入职一家公司，拿到新发的电脑，你会对电脑干点啥，装开发环境？装软件？你是否铺天盖地到处找之前电脑备份的东西？又或者是想不起来有什么上一台电脑好用的软件叫什么名？

今天来看看console调试的那些实调试用技巧，浏览器的开发者工具为我们提供了强大的调试系统，可以用来查看DOM树结构、CSS样式调试、动画调试、JavaScript代码断点调试等。

很多技术的朋友转正或年总总结时都需要用PPT来进行转正演讲或述职演讲。这不，马上年会了，作为技术负责人要代表技术部做一个年总的总结，在网上找了好久都没找到一个合适的述职报表的PPT模板。经过不懈的努力，终于找到12套简约的述职报表模板。不管现在有没有用，都赶紧收藏一下吧。完整的P...

你可以完全使用console.warn来代替console.log方法，但前提是该条打印信息是属于警告级别而不是普通信息级别，因此浏览器遇到一条警告级别的信息会区别对待，最明显的是它的左侧会有一个警告图标，并且背景色和文字颜色也会不一样。 相比于普通信息，警告信息会出现在上图左…

方法虽然简单粗暴，但是它是实用且简单的。然而，如果 BUG 十分复杂，涉及到跨组件甚至是源码，采用打 log 的方式就变得十分麻烦了； F12 打开调试工具之后刷新页面，断点就会停在 created 里了。 当然，这里只是做简单的示例，实际情况更加复杂的时候，右边的堆栈可以让你…

$0、$1、$2、$3、$4五个指令相当于在Elements面板最近选择过的五个引用。 比如我在Elements面板上随意点击了掘金网站上的五个DOM节点。从时间线上，$4是我第一个点击的。而$0是我第五个，也即是最后一个点击的。利用此方法可以快速在Console面板调试你选中…

作为程序员，每次开发完自测充分的时候，但还是会有线上异常情况。如何快速发现 或者提前监控到这些异常的出现呢，是不是需要一个错误监控系统？ fundebug、sentry、bat的... 有免费版的付费版，免费版。付费版和免费版其实差不多,免费够我们用了，付费的就是他啥都帮你弄好…