Saber 酱的抱枕

Fly me to the moon

09/23
2016
学习

网页评分工具demo

给文章或其他作品打分是很常见的功能,不过我之前做的网站里都没用到这个功能,于是今天自己写了个demo。

可以设置任意颗星星数;
可以设置一开始显示评分还是不显示评分;
每个人只能打分一次。
这个demo一星一分。


代码如下:

<div class="rate" data-value="0">
	<i title="1分"></i><i title="2分"></i><i title="3分"></i><i title="4分"></i><i title="5分"></i><i title="6分"></i><i title="7分"></i><i title="8分"></i><i title="9分"></i><i title="10分"></i>
</div>
<style type="text/css">
	.rate{height: 26px;}
	.rate i{display: inline-block;width: 26px;height: 100%;background-image: url(/f/pixiv_star.png);cursor: pointer;background-position: 0 0;}
    .rate .bgNone{background-position: 0px 0px;}
    .rate .bgHover{background-position: -26px 0px;}
    .rate .bgSure{background-position: -52px 0px;}
	.cursordef i{cursor:default;}
</style>
<script src="ratev0.1.js"></script>

外层div有个data-value属性,表示预设评分。设置为0则表示不显示这幅作品的评分,星星都不亮;大于0则为当前得分,并且会亮起对应的星星。
里面的每个i标签是一个星星,数量可以随意调整。
css样式里设置宽高来布局,并设置背景图片。把三种星星样式做到一张图片上,使用背景定位让三个样式显示三种背景图片。分别是bgNone(这个星星不亮的图案),bgHover(鼠标经过时星星亮起来),bgSure(这个星星有评分)。
当用户点击了一个星星后,会产生评分,之后就不能再点击了。

网页评分工具demo

09/21
2016
ACG

[提取动画][Jellyfish] SISTERS~夏の最後の日~ Ultra Edition

[提取动画][Jellyfish] SISTERS~夏の最後の日~ Ultra Edition

提取动画的资源已失效。

《SISTERS~夏の最後の日~ 》是一部2011年4月发售的adv galgame,是纯动画的 galgame。作为一个新司机,我本来是不知道它的,但是昨天看到了某gif图,是Jellyfish社新坑《I Virgin》的pv。不知道怎么的,我在迷路中找到了这份提取动画←_←

游戏本体(不知道有没有汉化,反正我没下载过):
magnet:?xt=urn:btih:1EF834C8C7D58E03B5ADFE0AE3EDB67B5824AC70

以下R-18内容注意。

Read More →

[提取动画][Jellyfish] SISTERS~夏の最後の日~ Ultra Edition

09/20
2016
游戏

剑网三纯阳记录

说是纯阳记录,其实我现在只玩了气纯。

奇穴:

技能栏:

这个技能栏给本奇穴方案下的所有技能都分配了快捷键,现在c是技能,ctrl+c是查看人物属性。

宏:

/cast [nobuff:破苍穹] 破苍穹
/cast [nobuff:气剑] 剑出鸿蒙
/cast 万世不竭
/cast [qidian<8] 太极无极
/cast [qidian>8] 两仪化形
/cast 四象轮回

小药:[补心丹][白信丹][汉宫棋][五生盘]/[苍·走油蹄髈]
加速:157 401 668(得加上太极无极的加速效果之后才达到阈值)
五彩石推荐用会破攻的:彩·融天·混沌·雷鸣。

打98boss无双需求30,实际上25也差不多了,到了25识破基本就是个位数了。

凭虚可以解控。
界面设置→战斗相关,可以设置把气场插自己身上。
三才五方都可以定怪,但是三才范围小(对身边8尺内6个目标),所以离得远的小怪优先用五方。

现在只需要调整一下项链,用破命还是用破无呢?破命的话可以用侠义的,破无的话森九岚的霆望项链

剑网三纯阳记录

09/20
2016
学习 软件

去除百度贴吧的视频

// ==UserScript==
// @name         去除贴吧视频
// @namespace    http://www.saber.love/?p=3014
// @version      0.1
// @description  去除百度贴吧的视频
// @author       雪见仙尊
// @match        http://tieba.baidu.com/*
// @grant        none
// @run-at	document-end
// ==/UserScript==

function removeVideoElement () {
	var topVideo=document.querySelector(".video_frs_head");	//贴吧顶部的视频区域
	if (!!topVideo) {
		topVideo.parentNode.removeChild(topVideo);
	}
	var videoPrve=document.querySelectorAll(".threadlist_video");	//帖子列表里未播放的视频
	for (var i = videoPrve.length - 1; i >= 0; i--) {
		videoPrve[i].parentNode.removeChild(videoPrve[i]);
	}

	var videoTag=document.querySelectorAll("video");	//网页上正在播放的视频
	for (var i = videoTag.length - 1; i >= 0; i--) {
		videoTag[i].parentNode.removeChild(videoTag[i]);
	}
}
removeVideoElement();
var removeVideoT=setInterval(removeVideoElement,1000);

手机版百度贴吧现在能发视频了,但是百度在电脑端推广视频就太无耻了。

顶部的视频(如剑网三吧顶部就有)竟然自动播放。(这个导致我chrome的gpu加速经常出问题,网页变成一片片的黑块)

帖子列表里的视频,虽然一开始显示的是预览图,但是你鼠标一经过就开始播放了,而且还停不了,必须再点一下,等视频尺寸变大,才又停止播放的按钮。

感觉自己宛如一个智障一样被玩弄,所以写了个脚本去除视频。帖子里的视频也会去掉,断子绝孙好爽的。(优酷土豆等外部视频不受影响)

你也可以到这里安装本代码的UserScript脚本

去除百度贴吧的视频

09/19
2016
学习 软件

获取半次元(bcy.net)coser作品的大图网址

document.body.insertAdjacentHTML('beforeend', `<div id="shouUrl" style="position: fixed; right: 0px; top: 100px; padding: 15px 20px; background: rgb(46, 178, 234); color: rgb(255, 255, 255); border-radius: 5px; text-align: center; line-height: 24px; font-size: 16px; cursor: pointer;">显示大图url</div>`);
document.querySelector("#shouUrl").addEventListener("click", () => {
	let newW = window.open();
	document.querySelectorAll(".img-wrap img").forEach(el => {
		newW.document.write(/.*(\.jpg|\.png)/.exec(el.src)[0].replace(/p\d.*banciyuan/, 'img-bcy-qn.pstatp.com') + '<br>');
	});
});

使用方法:
打开任意的cos作品页面,然后在浏览器的控制台里执行上面的代码。

你也可以在此安装本代码的UserScript版(推荐)。

当手动执行了代码或点击UserScript生成的按钮之后,浏览器会打开一个新的页面,并显示作品上所有图片的url:

获取半次元coser作品的大图网址

复制全部网址,用下载软件批量下载即可。

注意:
1.由于本工具会打开一个新页面并输出url,所以当你遇到脚本运行完了却没有弹出新页面的时候,请看一下是不是弹窗是被浏览器拦截了。
2.由于半次元图片的文件名是随机生成的字符,所以下载下来的图片顺序可能是混乱的。

获取半次元(bcy.net)coser作品的大图网址

09/18
2016
学习

使用CSS滤镜将网页变成黑白(灰色)

body {
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:url("data:image/svg+xml;	utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	filter:gray;
	-webkit-filter:grayscale(1);
}

之前我也发过一篇文章,实验了用css滤镜将网页变成灰色,但是那个不太完善。

今天在百度百科看到某位明星的词条变成黑白了,便扒下来代码保存一下。

但是这份代码也有个没能解决的问题:
无法把body上设置的背景图片变成灰色。

使用CSS滤镜将网页变成黑白(灰色)

09/16
2016
其他

糟心的事

我儿,你若为朋友作保,替外人击掌,你就被口中的话语缠住,被嘴里的言语捉住。

昨天本来我们中秋放一天假,结果发生了一件糟心的事。

这件事情的主要人物是3个。我以前的老板A,我现在的老板B,我。老板A和老板B是合作关系。

今年3月份,老板A给他手下一个年级有点大的人租房,看中了一个小区里的房间,但是那个小区只允许40岁以下的人签租。老板A和老板B一商量,让我去签约。

我一向是个“老实人”(这词的意思基本就是窝囊废),因为我在老板A手下干了一年,在老板B手下当时干了也有半年了,想了一下我还是同意了。

然后签约了一年租期,所有信息都填的我的。一年的房租先打了京东白条,然后按月还。每月我先交房租,老板A再把钱给我打过来。

房子我没去看过,具体位置我都不知道。住的那个人我也没见过。不过这些上面倒没出啥问题,最近退房时,出了坑爹的问题。

8月下旬,老板A说要退房,让我这边和租房公司联系。客户经理说有两种方式:

1.退租,有30天的交接期,这30天里可以正常住,需正常交一个月房租,到期后扣70%押金。(重点就是30天里需要交一次房租)
2.转租,自己找个人转租,签订转租合同,扣50%月租。(这个省钱,但是我们身边没有需要转租的人)

在租房公司官网上也可以申请退房,也是只有这两种方式。

老板们说那个最划算最省钱就按哪个来。转租省钱啊,但是我对房子信息一无所知,我发个P的转租信息。后来我给他们说转租我弄不了,要弄他们自己弄。过了几天,老板B说先不弄退房的事了,这件事搁置了下来。

9月13日,老板A说房子怎么还没退掉(wtf,老板B说先不弄了啊)?他说让老板B去联系退房吧。然后我给老板B发了房子的一些信息。

重点来了

9月15日,是交房租期限的最后一天。我想,转租肯定是找不来人的,退租的话还得30天,走正规流程的话得交一次房租。于是我就交了,然后让老板A给我打钱。这下子坏事了。

老板A给我打电话说,房子已经退了,人也搬走了。他们的打算是不再交房租,押金就当做违约金烂在那里。他们这样损失的只是押金,但我现在又交了一个月房租,就白白赔进去了一个月的房租。

后来老板B也跟我打电话,说钱退不回来了,让我发转租信息,把这个月的房租从租客那里收回来。还训斥了我一通,说我知道他在退房也不先问问他。话语间的意思就是说我是个傻蛋。

【我是脑子缺根筋,但是这锅不能全扣到我头上】

我知道他们在退房,但是他们不走正规程序,这告诉我了吗?
合同是以我的名义签的,每月房租是我交的,俩老板决定这样“退房”之后,不带跟我说一声的?
京东上我还有几个月的欠条(房租),每月2400多,不走正规程序退房能消掉欠条吗?(后来我打电话问租房管家,这样竟然还真的可以解除合同,消掉白条。看来这是潜规则?我当初没想到这样退房也行)
租房管家说老板B那种方式是可以退房的,但是会对我的征信造成不良影响。这个他告诉老板B了,但是老板B没有告诉我。

但是我还是去发了转租信息。因为对那个房子一无所知(平米,家电,户型什么都不知道),下午我还跑去看了趟,拍了些照片。2点出发,8点回来。小区门口门禁卡,我没有。房间外门密码,我没有。进去后才知道这房间3卧室,我们租的只有其中一间。卧室有单独的密码,这个我也没有。但合同上毕竟是我,最后还是进去了。真TM费劲。

中秋这唯一的一天假期泡汤了,转租也不一定能租出去。

目前等转租的同时我还在办退租(退租可以选20天的,退多交的房租。但20天的不返还押金,其实和30天退租返还30%押金的差不多),剩下的我和俩老板再商量。

糟心的事

09/13
2016
学习

JavaScript过滤PHP中不允许做文件名的字符

var reg = new RegExp(/'|#|&|\\|\/|:|\?|"|<|>|\*|\|/g);
string=string.replace(reg,"_");

JavaScript本身不能方便的保存文件,所以我做的几个下载器是用ajax把文件参数传给PHP,然后由PHP去建立文件的。这个正则用来过滤掉一些不能做文件名的特殊字符/特殊符号。

这个正则去掉了以下字符串:

 ' # & \ / : ? " < > * | 

注意前3个其实是能在windows中做文件名的。只是用在url中就可能会出现意外情况。

其中'会导致php创建文件时路径异常而失败(它被当做单引号了,包裹着字符串);
#则是不能用在get传递的参数里,(因为从#开始往后的字符都会被当做锚点信息,不会被当做参数);
参数里也不能出现我们意料之外的“&”,所以&也去掉(可以考虑下替换成&的转义字符);
剩下几个是windows资源管理器中不允许做文件名/文件夹名的字符。

这个列表权当是一点微小的贡献。

JavaScript过滤PHP中不允许做文件名的字符