前几天做一个迷你京东小项目的时候涉及到一个全选的小功能，一开始用的是 attr，但是效果完全不是自己想要的，当商品按钮点击过一次后，attr就无法对其状态进行更改，最后谷歌了一番发现需要用 prop 来代替。虽然效果问题解决了，但是自己还是想弄懂 prop 和 attr 的区别…

懒加载也就是延迟加载。 当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。 很多页面，内容很丰富，页…

记住所有API几乎是不可能的，这时候你需要一份备忘录！下面是我收集的最棒的前端备忘录。

传统的 Web 页面不会包含很多脚本，至少不会太影响 Web 页面的性能。然而，Web 页面变得越来越像应用程序，脚本对其的影响也越来越大。随着越来越多的应用采用 Web 技术开发，脚本性能的提升就变得越来越重要。 桌面应用程序通常是用编译器将源代码转换为最终的二进制。编译器在…

在前端面试中，经常会被问到“一个页面从输入URL到页面加载显示完成，这个过程都发生了什么”，这是前端的经典面试题之一。这个过程涉及的东西很多，区分度很高。 载入解析到的资源文件，完成页面渲染。 ☞其实，我们了解这个过程对前端的性能优化是有意义的，在这个过程中找到优化点，去缩短请…

主要是针对前端同学，将一些常见的算法和数据结构用 JavaScript 去实现，起到一个抛砖引玉的作用

文章涉及的内容可能不全面，但量很多，需要慢慢看。来源于各个地方，我花了很长的时间整理，希望对大家有帮助。但是难免会有打字的错误或理解的错误，希望发现的可以邮箱告诉我236490794@qq.com，我会及时的进行修改，旨在能帮到大家，谢谢。 意义：根据内容的结构化（内容语义化）…

拖放（drap && drop）在我们平时的工作中，经常遇到。它表示：抓取对象以后拖放到另一个位置。目前，它是HTML5标准的一部分。我从几个方面学习并实践这个功能。 然后，我们一步步看下这个过程中，会发生的事情。 在HTML5标准中，为了使元素可拖动，把draggable属性…

this关键字是JavaScript中最复杂的机制之一，它不是一个特殊的关键字，被自动定义在所有的函数作用域中。 通常新手都会认为this就是指向函数本身，至于为什么在函数中引用他自己呢，可能就是因为递归这种情况的存在吧。但是这里，我想说，this并不是指向函数本身的 通过运行…