前言 优化! 又是优化! 切图崽们作为整个web应用的纽带,连接着用户行为和机器性能. 而优化的最终意义,在于在这两者之间取得一个最佳的平衡点. 对于图片资源的加载来说,更是如此. 今天我们就来简单说说,项目开发中常见的图片加载优化方式. 预加载 1.遮罩大法 我们经常用jquery, jquery ...
分类:
其他好文 时间:
2020-04-03 20:17:37
阅读次数:
86
HTML <!-- 背景容器层 --><div class="container"></div><!-- 遮罩层 --> <div class="mask"></div> <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id ...
分类:
Web程序 时间:
2020-03-25 01:36:02
阅读次数:
90
算术运算 加减乘除(见代码层面知识点部分) 应用它—调节亮度和对比度 逻辑运算 与,或,非 应用——遮罩层控制 代码层面知识点 常见图像混合 def add_demo(m1, m2): dst = cv.add(m1, m2) cv.imshow("add_demo", dst) def subtr ...
分类:
其他好文 时间:
2020-03-20 22:16:05
阅读次数:
61
title: element ui 弹出框在遮罩层下面 date: 2020 03 18 11:37:45 tags: elementUI 给 :modal append to body="false"`属性 ...
分类:
其他好文 时间:
2020-03-18 13:24:03
阅读次数:
91
1. 通过js控制 打开遮罩层时: 有兼容性问题,苹果和安卓低版本滑动时屏幕上下部分会闪动 document.documentElement.style.overflowY = 'hidden'; //禁止底层div滚动 关闭遮罩层时: document.documentElement.style. ...
分类:
其他好文 时间:
2020-03-18 11:41:15
阅读次数:
184
1 浮动的副作用 html代码 css代码 2绝对定位,相对定位,固定定位 html css 3 利用z index显示遮罩层和浮层 html代码 css 4 透明度的例子 html css ...
分类:
其他好文 时间:
2020-03-14 00:51:02
阅读次数:
55
当打开了一个layer.open()之后,如果在open的页面上面还有一个layer.open()去再次打开一个弹出层,这时候第二个打开的弹出层是在最早打开的基础上,然后镶嵌在里面的。 如果第一个弹出层很大,而第二个弹出层比较小,可能不会太影响用户体验;但是如果第一个弹出层很小,而第二个弹出层却很大 ...
分类:
其他好文 时间:
2020-03-07 09:17:13
阅读次数:
337
//父层级设置显示样式 document.getElementById("maskDiv").style.display = 'block'; //子节点设置样式var mask = document.createElement('div'); mask.id = 'maskDiv'; mask.s ...
分类:
Web程序 时间:
2020-03-04 14:59:00
阅读次数:
211
一、写组件 <template> <!--这里modal 如果有fade 类,则关闭时需要有等待时间,否则不能关闭透明层,需要使用setTimeout(that.closeMask,500) 等500毫秒才能正常关闭--> <div id="mask" class='modal' role="dia ...
分类:
Web程序 时间:
2020-02-22 00:07:16
阅读次数:
121
$("body,html").css({"position":"fixed","overflow-y":"hidden"}); 禁止滑动的时候 $("body,html").css({"position":"static","overflow-y":"scroll"}); 可以滑动的时候 感觉禁止滑 ...
分类:
其他好文 时间:
2020-02-07 14:54:31
阅读次数:
73