saber酱的抱枕

Fly me to the moon

09/26
10:25
学习

下载本站图片的js代码

本站以前有篇文章——《saber美图》。以前我看到了saber的美图就会发上来,频繁的更新。可是自从逛了P站之后这篇文章基本就没更新过了。这也算告一段落了吧,于是我想把这篇文章里的图片下载下来,这就有了下面的代码:

window.stop();
var allimg=$(".post_t img");
var downa=document.createElement("a");
document.body.appendChild(downa);
downa.download="";
var imgno=0;
function downimg () {
	downa.href=allimg.eq(imgno).attr("src");
	downa.click();
	imgno++;
	if (imgno>=allimg.length) {
		window.clearInterval(downimgt);
	};
	return imgno;
}
var downimgt=setInterval("downimg()", 1000);

使用方法:
打开文章页面,在文档加载完成之后(不必等待图片加载完成),在控制台执行上面的代码。
执行之后,将会停止页面加载,然后创建一个下载用的链接(所以此代码照例是chrome only)。最后,每一秒创建一个下载链接,以下载图片。
如果chrome询问是否允许此网站下载多个文件(应该是在地址栏上显示的提示),点击允许。

下载本站图片的js代码

09/24
08:00
学习

使用after和before伪类可能使网页底部产生空隙

刚才排了一个手机页面,完了之后发现页面底部总是有个间隙,审查元素也找不到是哪里来的,因为body和html标签内都没有包含这个间隙。后来一点点查找,发现是after伪类引起的。

在清除浮动时,我们经常会使用伪类,例如:

.clearfix:after{content:".";display:block;height:0; clear:both; visibility:hidden;}

虽然可以给after和before设置宽高为0,但是它仍然是占据空间的。如果加了这两个伪类的元素后面没有其他元素了,就会造成空隙。如果后面有其他元素,伪类占据的空间就会被后面的元素占掉,不会产生空隙。

请看以下代码:

<body>
    <div id="a">
    	<div></div>
    	<div></div>
    	<div></div>
    	<div></div>
    </div>
    <div id="b"></div>
    <style>
    body{margin: 0;padding: 0;background: #aaa;}
    #a{height: 1000px;background: #fff;}
    #a div{float: left;width: 25%;height: 100%;}
    #a:after{content:".";display:block;height:0; clear:both; visibility:hidden;}
    #b{height: 200px;background: #0c0;}
    </style>
</body>

如果把元素b删掉,可以看到网页底部产生了空隙。不删除元素b的话,空隙就看不到了。

要解决空隙的问题,也很简单,给清除浮动的元素加上overflow: hidden;就行了。

使用after和before伪类可能使网页底部产生空隙

09/23
11:41
软件

传送图片时不要在QQ聊天框直接发

所谓的传送图片,就是需要对方接收并存储起来使用的图片。注意,本文所探讨的问题没有得出准确的结论,所以你可以跳到底部直接看结论(伪)就行了。

先说个题外话吧。今天经理给我了个医生的照片,让我做个小尺寸的证件照。做了之后经理不满意,说你这缩小到这么小了,怎么看起来图片质量还这么差?我只好说这不是我的锅,原图就是光线暗,人物皮肤上噪点很多,皮肤上也有老年斑什么的,图片缩小之后这些问题更突出了……但总之是得再改。一番折腾之后,噪点不明显了,人物皮肤光滑了(当然也感觉模糊了)。本来就很渣、很小的素材,强行美容,最后变得有点模糊了。这时候我只好存成png(因为png是无损压缩),然后通过QQ聊天框发给了经理。

这时,一个困扰我多年的问题再度浮上心头,QQ会不会对图片进行压缩呢?

于是我找别人进行测试。首先测试jpg,我发送了一张700多K的jpg风景图,然后我另存下来,发现只剩下100多K了。对于jpg来说,这个结果并不意外,因为另存为jpg的时候图片肯定会被压缩。那压缩比是多少呢,经过测试,图片经过QQ另存之后的体积,比xnview以80质量另存为jpg时的体积略小一点。可以粗略的认为QQ的压缩比也是80。

注意,你发送的图片,当你在图片上操作的时候,其实操作的是本地图片。这样的话,需要两个人测试发送的结果了,自己是不行的。

经过小w的提醒,我从缓存文件夹查看接收到的文件。然后我让基友帮我测试,首先他发送了一个100多K和200多K的图片,缓存文件夹里的图片大小和他发送的一致。然而当他发送1M多和6M多的图的时候,我接收到的图却只有几百K。是否可以说明QQ会对体积大(可能是超过1M)的图进行压缩呢?

但是还有个环节不能忽略,当别人收到你发的图片的时候,是不是已经被QQ压缩过了呢?当他进行另存的时候,实际上已经是第二次压缩了吗?

对于上面的问题,当我把大图另存之后,发现另存的图片体积居然比QQ发给我的图片(即已经被QQ压缩过的)要大。6M的图是张照片,QQ发给我,缓存文件夹里是400多K,可是我另存的时候居然是1M多。又测试了另一个大图,也是如此。于是我猜测,从QQ里面另存jpg图片的时候,是从原图进行另存的,不是从聊天框里面的图另存的。

对于png图片,发生了一点有意思的事。我让别人发给我了一张png,然后我存的时候发现只能选择jpg和bmp格式。我发给别人一个png,别人却可以选择存成png的。经过几次测试,我认为这和图片的透明区域有关:如果png里面不包含透明区域,发送到别人那里就变成jpg了,如果包含透明区域,则会保留png的格式(其实不完全对)。

然后我去测试我开头说到的医生的png,这张图片没有透明区域,体积才7K。发给同学之后,他仍然可以存为png。这我就纳闷了,说好的不透明就压缩成jpg呢?难道只对大图压缩,对小图放行?

实验到此结束,发现了一点有用的东西,但是真相仍然扑朔迷离。总结一下我的猜测:

图片是否会被QQ压缩,都是和体积有很大关系的。

jpg的话,几百K的一般不会被压缩,再大的就有较大可能被压缩了。但是当你另存的时候,其实是从源文件另存的,和QQ发送给你的图片(即使可能被压缩过)并没有关系。所以你存了之后只是一次压缩,不是二次压缩。

png的话,小图一般不会被压缩;中图(我猜测是几百K到一M左右)较大可能会根据有无透明区域进行压缩。无透明区域的会压缩后发给你,变成了jpg,有透明区域的则不压缩;大图则极大可能会被压缩,不管是否存在透明区域。一旦被压缩,就变成了jpg格式,会丢失透明通道。当你另存没有被压缩过的图的时候,保存的就是源文件。另存被压缩的图的时候,也是从源文件进行另存的,但是存储的是jpg,体积就相当于你把png原图以80质量转换成了jpg。

到最后,我能说的也只有这些:

jpg文件另存下来肯定会受损(即使QQ发给你的时候没有压缩),所以传文件吧。png图片如果在另存的时候仍然能保存成png格式,那就是原图。

对于jpg和png通用的:想要不被QQ压,体积不要超过1M。

传送图片时不要在QQ聊天框直接发

09/22
13:27
其他

应聘时要先问清楚的问题

应聘时要先问清楚的问题

说的极对啊。我就是一个反面例子,前几天来北京,今天上班第二天。现在的网络部是我上一任老板的朋友的,我们原来的网络部解散了,老板问我要不要来这里,后来谈了一番我就来了。可是很多问题没有问清楚(有的是没给我说清楚),过来之后深感坑爹。

最坑的是住宿,就是一个标间里的上下铺,仿佛回到了学生时代。采光差,除了门就一小窗。连城中村也不是,就一层的平房,屋顶是铁皮,我还在上铺,加上没有空调,夏天的话不敢想象(所以如果到了明天夏天我还在的话,要不老板装空调,要不我自己滚回郑州)。这样住宿也没一点私人空间了,在郑州干了一年半都是自己租标间或是住公司里的单间,现在回到集体宿舍,真不方便。

然后刚来的那天到了宿舍,问了wifi密码,结果上不去网,还以为是我弄坏的。第二天问了房东,才知道在他这里住的人都要到十月一才有网了。

照例单休,然后把我安排成周六休息周日上班。在五环外了,没啥繁华的,等到放假了再逛逛北京去。

刚才听到一个人事不干人事的话:

同事的朋友去一家公司,说有食补400块钱,然后到人事那里,人事说,你住的离公司比较近,食补就200吧。这也是醉了,我要是住燕郊,是不是每个月食补5000?

应聘时要先问清楚的问题

09/21
10:23
其他

年度小戏2.1之不止一个编译器里的…………

继hacking team之后国内又一出戏

其实很久以前就听说过,在编译器里做上后门,那么编译出来的所有程序都会中招,而源码审核毫无意义……

那么国内有人出来玩了

 

http://drops.wooyun.org/news/8864

http://drops.wooyun.org/papers/8973

 

于是,这人还发过别的东西

http://drops.wooyun.org/papers/9024

 

 

好,现在是我个人分锅的时间

第一锅队:Akamai CDN公司,和某名字不能说的“保护”我们的神秘力量
Akamai你TM能在内地部署靠谱的CDN么!能快点么!
又不是没用户,MS和apple不都是用你们家的么!还有ScienceDirect/爱思威尔(咦?)什么的!
神秘力量我就不说什么了。

第二锅队:所有不主动提供hash的都应该被烧死,只提供一个的应该被鄙视。

第三锅队:叫你们省钱省事用“网盘分流”,玩脱了吧!

然后是渣雷。虽然这次说从渣雷下到的那个人改口了,然而我并不相信渣雷。渣雷的“加速”最后加成别的文件已经不是一次两次了,当年多少无知少年用渣雷下win7结果却不是自己想要的版本。所以,除开少数东西,珍惜生命,远离渣雷,非国内的电驴欢迎你,非国内的BT欢迎你,IDM和aria2欢迎你。好歹是码农好意思说aria2不会用么!

 

第四锅队:你们app store审核只看源码的吗!

年度小戏2.1之不止一个编译器里的…………

09/19
08:00
ACG

saber的声音、系统主题声音下载

saber 声音 下载

以前收藏过两个saber声音的压缩包,第一个是本站首页现在仍在使用的声音,里面是saber在动漫里的声音;还有一个压缩包里是可以用来做系统提示音的声音。

saber声音整理

saber系统声音
这个资源有一些时间了,里面有一些声音是为windows系统特制的,不知道制作的渊源了。

saber的声音、系统主题声音下载

09/18
08:00
ACG

[Flameworks(うさ吉、YURICHA)]forest资源下载

Flameworks cos saber forest

Flameworks出品的cos质量一直很高,而这次出的saber的cos——[Flameworks(うさ吉、YURICHA)]forest,我之前搜索过一段时间,一直没找到下载。现在看到有人放流了,于是我也分享过来。

下载链接 提取码: uj1s 解压密码:1234
Read More →

[Flameworks(うさ吉、YURICHA)]forest资源下载

09/18
07:46
软件

刚才又被360坑了一把

在亲戚家,刚才把手机 插到他家的电脑上充电,吃完饭回来一看,电脑右下角有个360的弹窗,说是帮你安装了360套装:

360 安卓 强制安装

吓得我拿起手机一看,果然已经装了三个应用了。

360 安卓 强制安装

这时候我看到弹窗上有个我不需要的选项,点了之后竟然把手机上装的那三件套去掉了。啧啧

刚才又被360坑了一把