网上查了很多图片懒加载的内容, 但基本上都是jQuery实现的, 没有说清楚其原理, 所以研究了一下 多的不说, 上代码, 看不明白的建议看下我的上一篇文章<1. 图解浏览器和用户设备的宽高等属性> HTML部分(图片地址自己随意) JS部分 虽然比较啰嗦, 但是内容详细. 希望能帮到大家 最终效果 ...
分类：
Web程序 时间：
2019-11-01 16:41:45
阅读次数：
77
盒子模型 背景 所有HTML元素都可以看做盒子，它包括：外边距（margin） + 内边距(padding) + 内容区域(content); 标注盒子模型：（W3C标准版，谷歌版） IE非标准盒子模型：（低版本IE，IE5，6在怪异模式中使用自己的非标准模型） 区别： 在IE盒子模型中：宽高 = ...
分类：
其他好文 时间：
2019-10-31 23:41:41
阅读次数：
113
居中：是子元素相对于在父元素里面居中。父子宽度都固定。 A：水平居中： ①给子元素设置一个宽度后。在给其水平方向的margin设置auto，子元素会在父元素水平方向的剩余空间，左右两边平均分配，也就左右对齐了。 B进行定位居中： 给子元素进行position：absolute，让其子元素的宽高为父元 ...
分类：
Web程序 时间：
2019-10-27 01:02:12
阅读次数：
274
效果图：键盘控制各个x，y，z，还有fov数值 一开始的w, h = img.shape[0:2]这里宽、高错乱，原因未知，只能这么用 python版本的： c++ 版本： include include include "opencv2/opencv.hpp" using namespace st ...
分类：
编程语言 时间：
2019-10-25 11:41:35
阅读次数：
102
大家有时候有需求在屏幕方向改变的时候重新执行某个渲染函数，以获取方向改变后的实际宽高，但是首次加载的执行函数要在其他地方执行，这时候可以加一个flag的状态值，默认为false，当第一次检测到方向改变的时候再改为true。 这里有一篇比较好的相关文章推荐：https://div.io/topic/1 ...
分类：
Web程序 时间：
2019-10-24 21:46:58
阅读次数：
113
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括... ...
分类：
编程语言 时间：
2019-10-22 10:54:56
阅读次数：
95
刚开始从 Android 转到 iOS 写应用时，发现 iOS 的界面之间切换真方便，什么都不用写都有不错的转场动画，除了简单的平移、底部弹出，甚至还有 3D 旋转和翻页效果，而 Android 那系统默认转场是屏幕闪一下。尽管系统提供的方式已经满足大部分场景了，但也没法挡住审美疲劳啊，所以就需要自... ...
分类：
移动开发 时间：
2019-10-21 00:06:36
阅读次数：
135
css水平垂直居中 第一种方法： 在父div里加： 内部div设置 例： 中间的粉色是居中的div 第二种方法： 在居中的div元素里加 例： translate()函数可以在不知道宽高的情况下，利用它实现水平垂直居中。 translate(-50%, -50%)作用是，往上（X轴），左（Y轴）移动 ...
分类：
Web程序 时间：
2019-10-19 13:27:35
阅读次数：
117
与margin-left实现居中不同的是，margin-left必须知道自身的宽高，而translate可以在不知道宽高的情况下进行居中，tranlate（）函数中的百分比是相对于自身宽高的百分比，所以能进行居中。 ...
分类：
Web程序 时间：
2019-10-19 13:05:11
阅读次数：
441
第一组: window.screenX 和 window.screenY, 只读, 返回浏览器窗口左上角与屏幕左上角的水平距离和垂直距离(单位像素); 第二组: window.innerHeight 和 window.innerWidth, 只读, 返回视口的宽高. 第三组: window.oute ...
