Chrome 开发者工具 (Chrome DevTools) 堪称现代网页开发和调试的“瑞士军刀”，无论是网页开发者、测试人员，掌握它都是必须的。 如何打开开发者工具？ 右键检查：在页面任意位置点击鼠

终于明白为什么大公司的前端程序员放着公司免费提供的webstorm不用，反而都用vscode。大概在编程领域，收费的并不一定就是最好的吧！

上篇文章写了怎么调试 antd 的源码，反响很不错： 但很多小伙伴是写 Vue 的，可能平时用的是 Element UI 的组件库，所以这篇文章就来讲下怎么调试 Element UI 的源码。 首先，

网页加载后，浏览器会解析 html、执行 js、渲染 css，这些工作都是在 Event Loop 里完成的，理解了 Event Loop 就能理解网页的运行流程。 但很多人对 Event Loop

前言 曾经我只会一个console.log，但是我充满了自信，觉得一个打印输出就能解决所有问题。后来，在阅读vue源码的旅途里，我感受到了迷茫，无所适从，觉得每一处都需要打印输出，才能解决我的困惑，所

前端工作中，不仅编码很重要，重现bug，解决bug的能力同样重要。而这些都离不开代码调试。现就一些调试技巧做出总结。

之前写过用 VSCode Debugger 或者 Chrome DevTools 调试网页和 Node.js 代码，还有各种打断点的方式。 但只是讲了如何使用，很多同学不知道为什么要用 debugge

程序调试是程序开发必不可少的一环，作为新手前端程序员，最常用的就是通过 console.log 打印变量进行调试，本文会分享一些笔者学习到的前端调试方法，减少对 console.log 调试方式的依赖

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 图片优化 webpack打包