加班上线系统,Blog图片优化
 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图片优化】 转载请注明



发表新的评论
{{s_uid}}   , 欢迎回来.
您的称呼(*必填):
您的邮箱地址(*必填,您的邮箱地址不会公开,仅作为有回复后的消息通知手段):
您的站点地址(选填):
留言:

∑( ° △ °|||)︴

(๑•̀ㅂ•́)و✧
<( ̄) ̄)>
[]~( ̄▽ ̄)~*
( ̄ˇ ̄)
[]~( ̄▽ ̄)~*
( ̄ˇ ̄)
╮( ̄▽ ̄)╭
( ̄ε(# ̄)
(⊙ˍ⊙)
( ̄▽ ̄)~*
∑( ° △ °|||)︴

文章分类

可能喜欢 

KxのBook@Copyright 2017- All Rights Reserved
Designed and themed by 野生的喵喵   1624093   44999