chrome 开发者工具的 11 个骚技巧

对于每个前端从业者来说，除了 F5 键之外，用的最多的另外一个键就是 F12 了。

这里介绍 11 个 chrome 开发者工具的骚技巧。

助你快速定位问题，天天六点下班。

1.曾经，在线调伪类样式困扰过你？

2.源代码快速定位到某一行 ctrl + p

3.联调接口失败时，后台老哥总管你要 response？

4.你还一层层展开 dom：Alt + Click

5.是不是报错了，你才去打断点？

6.你是不是经常想不起来，在哪绑定事件的？

7.你是不是打断点时还要去改代码？

8.看 dom 层级的最直观的方式？

9.查一些特定的请求，过滤器用过吗？

10.在 Elements 面板调整 dom 结构很不方便？

11.不想加载某个文件了？

Vue 相关文章输出计划

最近总有朋友问我 Vue 相关的问题，因此接下来我会输出 10 篇 Vue 相关的文章，希望对大家有一定的帮助。我会保持在 7 到 10 天更新一篇。

1. Vuex 注入 Vue 生命周期的过程（完成）
2. 学习 Vue 源码的必要知识储备（完成）
3. 浅析 Vue 响应式原理（完成）
4. 新老 VNode 进行 patch 的过程
5. 如何开发功能组件并上传 npm
6. 从这几个方面优化你的 Vue 项目
7. 从 Vue-Router 设计讲前端路由发展
8. 在项目中如何正确的使用 Webpack
9. Vue 服务端渲染
10. Axios 与 Fetch 该如何选择