2019-09-18 21:30:51
275
6
晚上系统升级上线~
大部分都是顺利的,然而每次准备的再好,总是会出现些各种问题需要临时解决,也没一次能轻轻松松立马就完的(・(ェ)・)
于是我就是用来断后解决临时问题的,前半段时间暂时测试自己捣鼓去,我就顺便把站点图片上传优化了下,
之前后台上传都是手动指定图片的宽度占比,现在根据一个图片组里面的所有图片的长宽比,使用flex布局,计算flex-grow比率,自动计算缩放比。
保持一行的图片在一个高度级别,计算各自的宽高比例。然后计算各自的宽高比例占整体的比率,这个就是每张图片的缩放比率了
虽然挺简单的,然而想的时候想了半天,计算的有点小晕(¬_¬)ノ,不过利用上线的垃圾时间,捣鼓捣鼓也是挺享受的。
//自身宽高比-高度相同情况下,各自缩放比例
data.hpw= Math.floor((data.width/data.height) * 10000) / 10000;
data.fid=$(item).attr('fid');
totalwidth+=data.hpw;
....
//整体占比
item.flexgrow= Math.floor((item.hpw/totalwidth) * 10000) / 10000;
最后其他一切顺利,然而IOS总是莫名崩溃,搞了半个小时,发现跟后台没有关系。。。那就酱紫吧。
so,不到11点结束战斗。
回家,迎接我的依然是小平凡~
虽然现在跟它玩的时间也不太多,然后每天总是要摸摸哒的,不然就一路喵喵喵~~[]~( ̄▽ ̄)~*
当然,也不能摸太多,不然摸high了,就要动牙齿咬人o(╥﹏╥)o
当然除了小平凡,还有这个,哈哈,大晚上的来点不要太爽,一顿狂啃,半盒消灭。
好吧,其实呢,我是来测试图片布局的.╮( ̄▽ ̄)╭
2019-09-19 06:32:43
0
赞
赏
本文基于CC BY-NC-ND 4.0 许可协议发布,作者:野生的喵喵。 固定链接: 【加班上线系统,Blog图片优化】 转载请注明
相关文章:
发表新的评论
文章分类
文章归档
标签
deb ,
,
蓝屏 ,
select ,
html5 ,
tomcat ,
gcc ,
ajax ,
apt-get update ,
选择 ,
js加密 ,
java ,
工作 ,
ocr ,
AngularJs ,
感慨 ,
work ,
click ,
javascript ,
反向代理 ,
ip查询 ,
空间查询 ,
word ,
ECS服务器 ,
centos ,
杂 ,
StartupWMClass ,
前端 ,
js ,
vmdk ,
感概 ,
select2 ,
virtualbox ,
gg代理 ,
share ,
seo ,
风筝 ,
email ,
ASR ,
转换 ,
cool ,
activiti-ui ,
喵小凡 ,
@PropertySource ,
ckeiditor ,
网站攻击 ,
SRILM ,
风景 ,
plugin ,
vdi ,
扩容 ,
chorme ,
阿里云 ,
KALDI ,
num ,
packer2 ,
pic ,
gg镜像 ,
win8.1 ,
ecs ,
mysql ,
Ubuntu ,
快递查询 ,
nginx ,
ubuntu ,
swap ,
maven ,
entropy_avail ,
tencent ,
语音识别 ,
prerender ,
xfce4 ,
进度条 ,
存储过程 ,
activiti ,
熵 ,
日出 ,
练笔 ,
虞美人 ,
nodejs ,
词 ,
demo ,
jquery ,
random ,
linux ,
cat ,
bootstrapValidator ,
angularJs ,
live ,
on ,
gg ,
雪 ,
婚姻 ,
景色 ,
@Autowired ,
pdf ,
emqttd ,
优化 ,
thchs30 ,
opencv ,