JavaScript
文章平均质量分 78
JavaScript知识点整理
YuYu.Fish
努力只能及格,拼命才算优秀
展开
-
ES6 Promise原理总结
概要 学习一门技术,最好的方式就是先了解这门技术是如何诞生的,及它解决了什么问题? 接下来将从一下几个方面介绍Promise: 异步编程的问题:代码逻辑不连续; 回调地狱:嵌套了太多的回调函数; Promise:消灭嵌套调用; Promise:合并多个任务的错误处理; Promise与微任务的关系; 首先明确一下,Promise解决的是异步编码风格的问题,而不是一些其他的问题; 异步编程的问题:代码逻辑不连续 假设有一个请求,使用XMLHttpRequest来实现,代码如下:// 执行状态 fu转载 2021-10-14 17:21:31 · 161 阅读 · 0 评论 -
JavaScript实现图片懒加载(Lazyload)
为什么要使用懒加载 对页面加载速度影响最大的就是图片,一张普通的图片可以达到几M的大小,而代码也许就只有几十KB; 当页面图片很多时,页面的加载速度缓慢,几S钟内页面没有加载完成,也许会失去很多的用户; 所以,对于图片过多的页面,为了加速页面加载速度,所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载,等到滚动到可视区域后再去加载; 这样对于页面加载性能上会有很大的提升,也提高了用户体验; 原理 将页面中的img标签src指向一张小图片或者src为空; 然后自定义一个img的属性名,如da转载 2021-10-13 22:27:09 · 153 阅读 · 0 评论