![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
Wonder*
这个作者很懒,什么都没留下…
展开
-
图片懒加载的几种实现方式
原理在页面中有很多图片的时候,图片加载就需要很多时间,很耗费服务器性能,不仅影响渲染速度还会浪费带宽,为了解决这个问题,提高用户体验,所以就出现了懒加载这种方式来减轻服务器的压力,即优先加载可视区域的内容,其他部分等进入了可视区域再加载,从而提高性能。思路图片是根据src进行加载的,在图片没有进入可视区域时,先不给src赋值(或者可以先给一个很小的loading图),等到图片进入可视区域再给src赋真正的值。图片的真实地址可以先存储在data-src中。实现<di...原创 2022-03-22 16:09:09 · 4043 阅读 · 0 评论 -
判断系统类型安卓还是ios
created(){ //判断系统 let u = navigator.userAgent; let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //Android终端 let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isAndroid) { this.system.原创 2021-10-09 17:37:25 · 297 阅读 · 0 评论 -
箭头函数返回值undefined?
随手一记var func1 = x => x;var func2 = x =>{x};var func3 = x => ({x});console.log(func1(1)); //1console.log(func2(1)); //undefinedconsole.log(func3(1)); //{x:1}面试原题,一直不清楚为什么第二个是undefined结论:当函数体只有一句表达式时,那么可以省略花括号与return;但是!如果使用了花括号,就必须原创 2021-03-09 15:09:37 · 813 阅读 · 0 评论