原生DOM
文章平均质量分 74
新时代农民工--小明
一名技术很菜的前端码农,技术有多菜?菜得扣脚得那种
展开
-
手搓图片懒加载-图片预加载
当一个站点中某些页面的图片比较大时,会出现图片短暂的不显示,或者一部分一部分的显示出来。* 这种方式在首屏时因为没有滚动触发不了事件,首屏的图片也不会加载,解决办法就是开局手动调用一次。// 如果只触发一次的话在触发完成后就取消当前的el监听,提高性能。* 方案一 用事件监听的方式(缺点,事件高频触发导致性能不好)* 还是先上代码在讲道理 用上面图片懒加载来做案例。(来咯,客观你要的函数,请慢用)封装为函数,(小二,上代码)。// 判断元素是否在可视区域,// 方法二 观察者模式。原创 2023-02-22 12:13:58 · 105 阅读 · 0 评论 -
两百行代码写一个时钟
两百行代码写一个会转的时钟原创 2022-04-22 11:10:55 · 112 阅读 · 0 评论 -
网页全屏显示以及退出全屏,包括单个元素全屏显示
在一些场景中我们希望网页能够全屏显示,这样可展示的区域更大,也就是隐藏浏览器的地址栏和页签栏,上代码 为了方便调用直接进行了封装,同时也做了兼容性处理,(如果你觉得我代码写的垃圾让你不知道该怎么调,那你就看最后面有调用说明代码) // 判断是否处于全屏显示 export function isFullScreen() { if (document.fullscreen) { return true; } else if (document.mozFullScreen) {原创 2022-04-17 17:17:25 · 1473 阅读 · 0 评论