- 博客(6)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JS获取图片的宽高
获取 naturalWidth方案为获取 naturalWidth。那么 naturalWidth 和 width 有什么不同？naturalWidth 标识图片的原始宽高。width 因为历史问题，标识的其实是 DOM 元素宽高。因为 img 标签会被图片撑开，所以在不设置 width 属性时，width == naturalWidth在设置了 width 属性时，width != naturalWidth img = new Image() img.src = 'https://w
2020-12-09 15:48:37
115
原创 2020-11-12
undefined的字面意思是：未定义的值。这个值的语义是：希望表示一个变量最原始的状态，而非人为操作的结果申明了一个变量，但是没有赋值varfloor;console.log(floor)//undefined 访问floor返回了undefined，表示这个变量声名了以后，就从来没有使用过，也没有定义任何有效的值，即处于一种原始而不可用的状态。访问对象不存在的属性console.log(Object.floor)//undefinedvararr=[]c...
2020-11-12 17:08:50
241
原创 2020-11-11
1.是否占位 background-image是背景图片，是一个css的样式，不占位；<img/>是一个块状元素，它是一个图片，是HTML的一个标签，是要占位的。2.能否操作 background-imag是css的样式，只能设置background-position、background-attachment、background-repeat； <img/>是一个document对象，它是可以被操作，可以更换img的src路...
2020-11-11 16:55:13
120
原创 2020-11-10
函数防抖(debounce): 触发高频率事件后n秒函数只会执行一次，如果n秒内高频率时间再次被触发，则重新计算时间。函数节流(throttle):高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数执行的频率。一、函数防抖 实现方式：每次触发事件时设置一个延迟调用的方法，并且取消延迟之前调用的方法。 缺点：如果事件在规定的时间间隔内不断的被触发，则调用的方法会不断的延迟。<!DOCTYPE html><html><he...
2020-11-10 15:57:57
95
原创 2020-11-10
一.什么是懒加载？懒就是拖延迟的意思，所以“懒加载”说白了就是延迟加载，比如我们加载一个页面，这个页面很长很长，长到我们的浏览器可视区域装不下，那么懒加载就是优先加载可视区域的内容，其他部分等进入了可视区域在加载。二.为什么要懒加载？懒加载是一种网页性能优化的方式，它能极大的提升用户体验。就比如说图片，图片一直是影响网页性能的主要元凶，现在一张图片超过几兆已经是很经常的事了。如果每次进入页面就请求所有的图片资源，那么可能等图片加载出来用户也早就走了。所以，我们需要懒加载，进入...
2020-11-10 09:20:53
722
原创 2020-11-10
es6给我们提供了Map的数据结构，它类似于对象，用于保存键值对。不同的是Map中的键的规范范围不限于字符串类型，各种类型的是都可以用作Map的一个键或者值。object提供了 “字符串一值”的对应，Map提供了“值对值的对应”，是一种更完善的hash结构的实现，如果需要用到 键值对 的数据结构时，Map比object更合适。Map和object的区别1.一个object的键只能是字符串或者Symbols，但一个Map的键可以是任意值。2.Map中的键值是有序的（FIFO原则），而添...
2020-11-10 09:14:44
140
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人