为什么要写这个文章呢？其实发现很多同学对一些很简单又有效的 debug 手段都不太了解，找 bug 的方式都不是很高效，导致最终 bug 找不到或者走了很多弯路。 Devtools 作为前端开发，ch

一年前，刚开始做数据可视化的时候，在自己理解的基础上结合单位的项目使用HTML+CSS+JS+D3 做了一个小项目。 最近学习了Vue后，为了练练手，小试牛刀，对这个小项目进行了重构，下面分享一下该项目的实现。 其余文件就是Babel.Eslint等一系列配置文件，一般不需要修…

1）同一个 BFC 下外边距会发生折叠。 如下例子两个盒子之间距离只有100px，这不是 CSS 的 bug，我们可以理解为一种规范，如果想要避免外边距的重叠，可以将其放在不同的 BFC 容器中。 每一个继承 Object 的对象都有 toString 方法，如果 toStri…

给大家准备了高清的思维导图和食用更加方便的PDF文档。全部聚合思维导图一张，分类思维导图17张，涉及前端开发的方方面面面，JS基础，工程化，性能优化，安全，框架等。如果您是准备面试，或者享扩展前端知识，建议收藏学习哦。17张思维导图，2021年作为一名前端开发者需要掌握这些，前…

每次跳槽换了一个坑位以后就得重新安装各种环境，装个 vscode 还得弄插件，但是 vscode 插件你真的了解吗，今天我们就来聊聊平时开发中用的最多的一种插件，叫做代码片段 snippets ，还可以自己造个插件发布到应用市场。 阿强是公司优秀的前端攻城狮，清脆的机械键盘敲击…

作用域链和 this 是两套不同的系统，它们之间基本没太多联系。 this 是和执行上下文绑定的，也就是说每个执行上下文中都有一个 this。 全局执行上下文中的 this 是指向 Window 的。 记住 this 就是谁调用它就指向谁。 我们在全局对象中调用 foo，实际上…

引用《JavaScript 高级程序设计第四版》中说的话——“从简单的输入验证脚本到强大的编程语言，JavaScript 的崛起没有任何人预测到。它很简单，学会用只要几分钟；它又很复杂，掌握它要很多年。要真正学好用好 JavaScript，理解其本质、历史及局限性是非常重要的”…

HTML5不是新事物。自从最初发布（2008年1月）以来，我们一直在使用它的一些功能。后来，我再次仔细查看了HTML5功能列表。看到我发现了什么？到目前为止，我还没有真正使用过它！ 在本文中，我列出了十个HTML5我过去没用过但现在发现有用的功能。我还创建了一个工作示例流程并托…