今天学习了一个瀑布流加载效果，很多网站都有瀑布流效果，瀑布流就是很多产品显示在网页上，宽相同，高度不同，表现为多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。原理是：1.设定一行中的列数；2.取第一行中每一个div的高度并把每一个高度放进一个数组中；3.算出数组中最小高 ...
分类：
Web程序 时间：
2017-04-21 21:33:30
阅读次数：
295
鼠标滚轮事件和页面滚动事件是有区别的，当你见到一个页面可以用鼠标滚动切换页面内容，但是却没有见到页面内有滚动条，不用奇怪，这个就是用鼠标滚轮事件实现的。原生的js是支持鼠标滚轮事件的，而我们平时用的jquery版本却不支持，但是强大的jquery竟然不支持这类常用事件，..
分类：
其他好文 时间：
2017-04-18 20:02:00
阅读次数：
151
网页布局通过“块”级元素与CSS共同完成 “块”级元素的前后会自动折行，其本身起到容器的作用，在不定义其属性和内容时并不显示。 网页布局中的“块”级元素主要使用<div> CSS的定位： 1、position:fixed 锁定位置 提取块本身，相对于浏览器位置的定位。其位置不会受到页面滚动影响。 一 ...
分类：
其他好文 时间：
2017-04-15 09:26:39
阅读次数：
108
一，布局 移动端的整体布局一般来说可以分为上中下三个部分，分别为 header、main、footer，其中header、footer 是固定高度，分别固定在页面顶部和页面底部，而 main 是占据页面其余位置，并且可以滚动。 页面布局如下： 根据页面滚动的位置分为两种布局，一种是滚动 body，另 ...
分类：
移动开发 时间：
2017-04-07 21:54:22
阅读次数：
258
clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变 兼容性：所有浏览器均支持 pageX/Y: pageX/Y获取到的是触发点相对文档区域左上角距离，会随着页面滚动而改变 兼容性：除IE6/7/8不支持外，其余浏览器均支持 offsetX/Y: ...
分类：
Web程序 时间：
2017-04-04 22:15:40
阅读次数：
216
页面滚动 事件：window.onscroll， 获得页面滚动位置：document.body.scrollTop； HTML代码： 这里注意此处逻辑，大于500就显示，否则就隐藏，还有注意如果变量名设置为top的话，就出错，都是小坑。 ...
分类：
其他好文 时间：
2017-03-29 01:23:47
阅读次数：
187
获取当前时间 等待页面刷新（10秒内），获取页面刷新所需时间 让程序睡眠 判断是否会有弹窗 判断元素是否存在 使页面滚动到最底端 让鼠标在元素上方悬停 判断下拉框内容是否为空 ...
分类：
Web程序 时间：
2017-03-25 19:17:35
阅读次数：
308
jquery.lazyload.js 是一个用 JavaScript 编写的jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置.这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度.... ...
分类：
Web程序 时间：
2017-03-24 10:50:48
阅读次数：
309
框架 <frameset rows="100,*">上下分组（rows是上下分 cols是左右分）</frameset> franeset代替body存在 <iframe src=“图片来源” weith heighe frameborder9(边线） scrolling（滚动条）>小窗口显示其他页 ...
分类：
其他好文 时间：
2017-03-12 16:51:23
阅读次数：
192
一、页面滚动加载图片的理解 当一个网页含有大量的图片的时候，往往在打开页面的加载的很慢，如现在的大型电商、新闻、微博等，如果一下加载整个网页的所有图片，那会是一个缓慢的过程，要想快速的浏览网页，我们这时候就需要用到了在滚动或滑动页面的时候加载图片的方法。即图片懒加载！！！ 二、实现懒加载的思路 当打 ...
分类：
其他好文 时间：
2017-03-03 23:55:21
阅读次数：
425
