51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#新图片
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多
用vue来实现一个瀑布流效果,加载网络图片,同时有下拉刷新和上拉加载更多功能效果。然后针对这几个效果的实现,捋下思路:根据加载数据的顺序,依次追加标签展示效果;选择哪种方式实现瀑布流,这里选择绝对定位方式;关键问题:由于每张图片的宽高不一样,而瀑布流中要求所有图片的宽度一致,高度随宽度等比缩放。而且由于图片的加载是异步...
代码星球
·
2020-12-24
vue
实现
网络
图片
瀑布
前端webp图片
webp是目前Web比较流行的解决方案,相对于Jpeg/png,基于VP8的压缩,有着非常不错的压缩率。<pliga'1,=""'onum'=""'kern'=""1;=""color:=""rgb(58,=""65,=""69);=""font-family:=""tahoma,="""helvetica=""...
代码星球
·
2020-12-24
前端
webp
图片
解码 PNG 图片
解码PNG图片就是把一张图片从二进制数据转成包含像素数据的 ImageData 。图片的二进制数据可以从 <canvas> , <img> ,ObjectURLs,ImageURLs, Blob 对象上获取到。参见浏...
代码星球
·
2020-12-24
解码
PNG
图片
前端开发中对图片的优化技巧有哪些?
1.去掉无意义的修饰。嗯,我会瞎说吗?除了内容图片,其他的图片的作用是修饰,也就是对于传达信息来说并非本质性的。最大的优化就是压根不要图片!所以在优化之前要做的,首先是确认设计,设计本身是否需要用那么多图片?还是说可以更简洁? 2.不用图片。嗯,切图是一件扯淡的事情!不要隔靴搔痒了少年,直接使用css替代图片...
代码星球
·
2020-12-24
前端
开发
图片
优化
技巧
WPF 中如何创建忽略 DPI 属性的图片
WPF 框架设计为与DPI无关,但你依然可能遇到DPI问题。尤其是 Image 控件显示的图片会根据图片EXIF中的DPI信息和屏幕DPI自动缩放图片。对于UI用图来说这是好事,但对于软件用户随便插入的图片来说就不是了——用户传入的图片可能是各种各样不统一的DPI。因此这种DPI我们应该忽...
代码星球
·
2020-12-24
WPF
如何
创建
忽略
DPI
css怎么让背景图片铺满?
css让图片铺满的方法:可以使用background-size:cover样式设置背景图片铺满。background-size属性规定背景图像的尺寸。豌豆资源搜索网站https://55wd.com广州vi设计公司http://www.maiqicn.com豌豆资源搜索网站https://55wd.com广州vi设计公...
代码星球
·
2020-12-24
css
怎么
背景图片
铺满
CSS object-fit 对图片的处理
指定可替换元素的内容应如何适应到需使用的高度和宽度确定的框平时写代码经常会在代码中插入图片,你是否会多少感觉插入的图片被拉伸或是被缩放,在这里我们就探讨object-fit对图片处理的应用 fill(充满) 整个对象将完全填充内容框。当对象的宽高与内容框不匹配,该对象将被拉伸以适应内容框...
代码星球
·
2020-12-24
CSS
object-fit
图片
处理
HTML5 实现图片预览和查看原图
html5从一开始就给开发者很多的期待,提供众多新的API,不用再想以前一样,为了实现某个功能写很多的代码。在以前,如果要实现图片预览会怎么做呢,因为为了安全的原因,web端的js是不能读取文件的本地真实路径的,那么只能将图片上传到服务器上,然后再拿到图片的链接,这样才能实现图片预览。而服务器呢,比如有两个文件夹,一个...
代码星球
·
2020-12-24
HTML5
实现
图片
预览
查看
9个PNG透明图片免费下载网站推荐
酷站推荐 2017.08.0613:47png格式的图片因为去掉了的背景,方便使用在任何颜色的背景,所以对于从事设计师的朋友来说,经常会用到png透明图片。相信有不少懒人为了多下载几张PNG图都注册了甚至是充值了千库或千图这样的网站吧,不给钱一天只让下一两张图,实在不够用,今天分享给大家几个提供免费下载png...
代码星球
·
2020-12-23
9个
PNG
透明
图片
免费
php做图片上传功能
今天来做一个图片上传功能的插件,首先做一个html文件:text.php<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><...
代码星球
·
2020-12-23
php
图片
上传
功能
PHP简单的图片上传
<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><body><divclass="contai...
代码星球
·
2020-12-23
PHP
简单
图片
上传
【原创smarty仿淘宝商品图片轮播+放大镜效果】
1、去掉图片集字段,字符串的多余字符$goods_pic_display=$row[DISPLAY];$goods_pic_display1=str_replace('"','',$goods_pic_display);$goods_pic_display2=str_replace(']','',$goods_pic_...
代码星球
·
2020-12-20
原创
smarty
仿淘
商品
图片
百度分享怎样去掉图片分享?
"image":{"viewList":["weixin","sqq","tsina","tqq","qzone","youdao"],"viewText":"分享到:","viewSize":"16"},去掉分享代码里的图片分享代码...
代码星球
·
2020-12-20
分享
百度
怎样
去掉
图片
图片滚动js代码
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://...
代码星球
·
2020-12-19
图片
滚动
js
代码
vue中响应式图片处理
<divclass="ins-pro-con"><divclass="ins-con-top"><el-image:src="conTop"class="con-top-image"></el-image></div><divclass="con-foo...
代码星球
·
2020-12-17
vue
响应
图片
处理
首页
上一页
...
28
29
30
31
32
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他