JS 进阶之旅

文章内容参考自菜鸟教程。只是本人在安装时，对一些必要步骤进行了截图，以便更加明了清晰。同时，也指出了可能会踩到的一些坑。

图片懒加载实际上是一种网页优化技术。通俗点说，就是鼠标滑动到哪里，图片就加载到哪里。当然，这话说得不是很严谨，但是胜在易理解。

将扁平化的数组转为树形结构的处理方法，虽然在实际的项目开发中不一定会遇到，但会总比不会的强，毕竟现在内卷超级可怕。

qrcodejs 是用于制作二维码的 javascript 库，没有依赖项。它支持 HTML5 Canvas 和 DOM 中的 table 标签的跨浏览器。

同学们在阅读文章中的代码案例时，一定要结合 UTF-8 编码规则看。规则很重要！规则很重要！规则很重要！

本文所列封装组件的步骤，是以 Element UI 的回到顶部组件为例，但不完全局限于它（至少可以做个参考）。所展示的 demo 也做出了一点修改。

在之前的一篇this 的四种绑定规则文章中，我们已经了解了 this 的四种绑定规则。但，那都是在调用位置处只应用一条规则的情况下进行说明的。而本篇文章，则是主要介绍，当调用位置处应用多条规则时

this 是函数运行时，在函数体内部自动生成的一个对象，只能在函数体内部使用。且在不同场合使用的函数，其 this 的值也不同。总的来说，this 就是函数运行时所在的环境对象。

最近在开发H5时又再次遇到了需要对图片等比缩放的需求。想着这也是自己以前刚开始工作时遇到困难之一，因此就记录了一下。希望能对有需要的小伙伴有所帮助吧。

当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。按照《JavaScript 高级程序设计》书中所说：闭包是指有权访问另一个函数作用域中的变量的函数。

小伙伴们，不要在迷茫了。ECMAScript 中所有函数的参数都是按值传递的。而访问变量时，才会有按值传递和按引用传递这两种方式。

了解 JavaScriipt 中的一些问题的特性，在日常的应用中，我们就能很容易地避开它们。这样不仅可以让 JavaScriipt 成为一门更好的语言，也可以让自己成为一个更好的程序员。

JavaScript事件循环，这潭水，好深呀。稍微写点辣么个东西，就有点犯难，就开始掉头发，就睡不着觉。感兴趣的同学，可以看一下，还是有点东西的。

所有的JavaScript代码在运行时都是在上下文中进行的。那么，上下文是什么呢？简单来说，它就是当前JavaScript代码被解析和执行时所在环境的抽象概念。

防抖和节流都是为解决短时间内频繁触发某个功能函数而导致的性能问题。比如，触发频率过高而导致响应速度跟不上，以致出现延迟，假死或卡顿的现象。