分享常见的浏览器控制台使用技巧

Network选项标签

模拟网速

F12 DevTools -> Network -> Simulate network，默认是 No throttling，可以调整为3G、2G网络，还可以自定义延时

禁用缓存

F12 DevTools -> Network -> Disable cache，勾选关闭缓存，方便调试

截屏

DevTools还提供了获取过程截屏的能力，用户可以直观地看到页面的渲染过程。切换至Network面板，点击Setting按钮后勾选Capture screenshots复选框，这样在刷新页面的同时浏览器会自动把关键帧的截屏保留下来

根据工作中遇到的场景总结了一些JavaScript中常用的工具库和解决方案

当使用lodash的throttle函数时会触发两次，分别在最开始和最后。

严格来说不算是bug，因为官方文档写的很清楚。throttle函数其实有三个参数：

_.throttle(func, [wait=0], [options=])

func: 要节流的函数
wait: 等待时间
options: 选项
options.leading=true (boolean): 指定调用在节流开始前，也就是第一次点击。
options.trailing=true (boolean): 指定调用在节流结束后，也就是最后一次点击。

options的默认值为:{leading: true, trailing: true}

所以其实throttle函数默认就是会调用两次。分别是第一次和最后一次。

如果想要throttle函数只会调用一次，可以设置options.trailing=false。这样函数的表现就像普通的截流函数了。

// 点击后就调用 `renewToken`，但5分钟内超过1次。
var throttled = _.throttle(renewToken, 300000, { 'trailing': false });