1、插件(1)Masonryhttps://masonry.desandro.com/Masonry是最流行的瀑布流插件之一,配置简单,功能强大。注意:如果你需要加载图片,Masonry不会在图片加载完后重新布局,这可能会影响你的布局效果(2)imagesLoadedhttps://imageslo ...
分类:
其他好文 时间:
2018-08-18 10:32:42
阅读次数:
154
一.瀑布流之准备工作 首先声明下, 为了方便演示和联系, 我使用的是本地图片, 如果大家有需要的话可以尝试着写下网络的, 不过本地和远端的大致是相同的. 那么我就来简单介绍下本地的瀑布流效果吧, 我们要先准备好八九张图片, 当然啦, 我们实现的是瀑布流效果, 所以最好是高度不相同的, 这样才可以看出 ...
分类:
Web程序 时间:
2018-08-15 00:41:24
阅读次数:
158
const defaultConfig = { boxName: '#waterfall', itemName: '.waterfall__item', gap: 10, boxLeft: 15 }; module.exports = class Waterfall { constructor(us... ...
分类:
其他好文 时间:
2018-08-14 21:59:43
阅读次数:
139
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类:
Web程序 时间:
2018-08-14 18:56:37
阅读次数:
232
方式1:模版渲染实现 1. 新建一个项目 mysite 2. 新建一个应用 app01 3. 在mysite项目下新建一个文件夹 static 4. 在mysite项目下新建一个文件夹 templates (备注:如果使用IDE创建项目,则该文件夹会自动生成) 5. 在app01应用下新建一个文件夹 ...
分类:
其他好文 时间:
2018-08-13 00:37:49
阅读次数:
189
五:多列布局 CSS3中新出现的多列布局(multi-column)是传统HTML网页中块状布局模式的有力扩充。这种新语法能够让WEB开发人员轻松的让文本呈现多列显示。我们知道,当一行文字太长时,读者读起来就比较费劲,有可能读错行或读串行;人们的视点从文本的一端移到另一端、然后换到下一行的行首,如果 ...
分类:
其他好文 时间:
2018-08-07 00:38:00
阅读次数:
169
1.实现滚动缩放 自定义Layout继承 UICollectionViewFlowLayout 2.拖动排序item 这里给collectionview添加一个长按的手势进入拖动状态 3.瀑布流 ...
分类:
其他好文 时间:
2018-07-22 19:24:38
阅读次数:
137
先定义指令: 然后再在控制器中进行监听,并调用初始化函数 ...
分类:
其他好文 时间:
2018-07-18 19:15:06
阅读次数:
160
html与css: <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /* 标签重定义 */ * { margin: 0; pad ...
分类:
Web程序 时间:
2018-07-07 14:27:28
阅读次数:
225
//for in : 遍历对象 循环变量代表key //for of : 遍历集合set map 循环变量代表value 一.运动框架 二.轮播图 三.放大镜 1.瀑布流 响应式布局 2.放大镜 3.碰撞检测 ...
分类:
其他好文 时间:
2018-07-06 22:27:54
阅读次数:
143