Saber 酱的抱枕

Fly me to the moon

06/19
2016
其他

今天是父亲节啊

父亲节 父の日 空之境界 两仪式 黑桐干也

如果不是在b站看到一个父亲节的专题,我都不知道今天是父亲节。

父亲这个意象,对我来说已经,已经很遥远了。

我偶尔会想,父亲是个什么样的人呢?

我只知道他是一名教师,但我没见过他教课的样子。他的容貌,我也是在照片上看到,才知道是什么样子。

我想,他一定是个很温柔的人,也是个老实人。用现在的话说,是一个“好人”。毕竟我的性格也是这样,我看着他的脸,就感觉我们两个的性格是差不多的。不过,他一定比我更优秀。至少,比我帅。

我对他唯一的记忆,是有一天,妈妈给我煮了个鸡蛋。我想起了父亲,端过去让他吃。他说我不吃了,还是你吃吧。我恍惚记得,他好像笑了一下。是开心吗?应该会吧,这可能是他第一次感受到孩子的关心。可不久后他就离开了我,我再也没有机会,可以去关心他了。

我对父亲一直有种愧疚感,他为我付出了这么多,却没能感受到孩子长大成人的喜悦。孩子的长大,对父母来说,就是最大的回报了吧。

想想我现在这样懒散的生活态度,一事无成的人生,很对不起父亲,远远不能成为他的骄傲。我得变得更加努力才行。

最后,祝天下的所有父亲,父亲节快乐~也祝所有的孩子,都有天下最好的父亲。

今天是父亲节啊

06/17
2016
学习

TouchSlide的一些记录

最近做手机站用到了TouchSlide,记录一些现成的可以套用的范式。

banner切换:

<div id="focus" class="focus1">
	<div class="hd">
		<ul class="clearfix"></ul>
	</div>
	<div class="bd">
		<ul>
			<li><a href="swtlink"><img _src="images/banner1.jpg" src="images/blank.png" /></a></li>
			<li><a href="swtlink"><img _src="images/banner2.jpg" src="images/blank.png"/></a></li>
			<li><a href="swtlink"><img _src="images/banner1.jpg" src="images/blank.png"/></a></li>
		</ul>
	</div>
</div>
<script type="text/javascript">
	TouchSlide({
		slideCell:"#focus",
		titCell:".hd ul", //开启自动分页 autoPage:true ,此时设置 titCell 为导航元素包裹层
		mainCell:".bd ul",
		effect:"left",
		autoPlay:true,//自动播放
		autoPage:true, //自动分页
		switchLoad:"_src" //切换加载,真实图片路径为"_src"
	});
</script>

对应的css样式:

.banner{position: relative;}
.banner .hd{position: absolute;width: 54px;bottom: 3px;right: 3px;z-index: 999;}
.banner .hd li{width: 10px;height: 10px;background: #fff;border-radius: 10px;display: inline-block;margin:0 4px;overflow: hidden;color: #fff;cursor: pointer;}
.banner .hd li.on{background: #FFCC00;color: #FFCC00;}

tab切换:

<div id="tabBox1" class="tabBox">
	<div class="hd">
		<ul class="clearfix">
			<li class="on"><a href="javascript:void(0)">标题1</a></li>
			<li><a href="javascript:void(0)">标题2</a></li>
		</ul>
	</div>
	<div class="bd" id="tabBox1-bd">
		<div>内容</div>
		<div>内容</div>
	</div>
	<script type="text/javascript">
		TouchSlide({slideCell:"#tabBox1",effect:"leftLoop"});
	</script>
</div>

TouchSlide的一些记录

06/16
2016
学习

仙尊ikanman漫画下载器发布啦~

此脚本已停止维护,请使用新版本

以下内容作废。


2016.12.6

最近ikanman的图片格式有很多变成了.jpg.webp格式的,windows原生不支持此格式。有两个解决办法:

1.安装“WebP Codec for Windows”这个程序,安装之后可以使用windows图片查看器查看webp格式的图片。

2.安装支持webp格式的图片查看器,比如honeyview。


仙尊ikanman漫画下载器 飒漫乐画 ikanman 批量下载 Balance Policy平衡政策

首先下载上面的文件,解压后把php文件丢到127.0.0.1里(如果放在其他网络位置,需要修改js中phpPatch的值为对应值)。

配置完成后,打开漫画阅读页面。

如果已经安装了UserScript,则可以看到页面顶部的页码区域会出现一个“开始下载”按钮(见上图)。

如果没有使用UserScript,则可以复制js文件的全部代码,在漫画阅读页面的浏览器控制台里执行js代码。正确结果也是出现“开始下载”按钮。

点击“开始下载”按钮即可开始下载。下载器会这个页面一直下载到漫画最后一页,保存到硬盘上(就是说可以从漫画的任何页面开始往后下载)。

下载时页面顶部会出现进度提示区域,点击可以设置是否停止下载。

仙尊ikanman漫画下载器 飒漫乐画 ikanman 批量下载 Balance Policy平衡政策

仙尊ikanman漫画下载器 飒漫乐画 ikanman 批量下载 Balance Policy平衡政策

下载器默认会在ikanman_down.php所在的文件夹里创建一个ikanman文件夹,之后会把下载到的漫画存放在里面,如图:

仙尊ikanman漫画下载器 飒漫乐画 ikanman 批量下载 Balance Policy平衡政策

如果想修改存放位置,可修改php中$rootdir变量的值。

本文中说的比较简略,详见说明文档。如果遇到问题可以再问我。QQ交流群:499873152

ps:如果提示缺少msvcr110.dll,请安装VC++2012运行库的32位版本,之后重新启动wampserver。

ps2:如果下载中出了问题导致没下载完(如页面崩溃什么的),可以看一下下载到哪一页了,然后打开下载到的那一页,继续下载。
Read More →

仙尊ikanman漫画下载器发布啦~

06/11
2016
ACG

なつかぜメモリア/Foxtail-Grass Studio flac下载

つかぜメモリア/Foxtail-Grass Studio flac下载

今天在BOOTH上买了两个东方同人音乐专辑,分别是《FELT 003 Flower Flag》和《なつかぜメモリア》。

《FELT 003 Flower Flag》只有mp3版本,而《なつかぜメモリア》则包含flac、mp3、m4a三种格式。下面给大家分享出来吧:

度盘下载
Read More →

なつかぜメモリア/Foxtail-Grass Studio flac下载

06/10
2016
学习

html中使容器内不固定宽度的内容居中

html中使容器内不固定宽度的内容居中

如图,下面有三个小图,这三个小图使用的是标签li,父元素是ul,如下:

html中使容器内不固定宽度的内容居中

现在的问题是底下小图的数量不固定,那么如何使它们始终居中呢?

对于行内内部元素的居中,可以在父元素上使用

text-align: center;

这里面一个关键的地方在于,子元素得是行内元素。li是块状元素,所以这个属性就没有生效。把li改成类似于行内元素就行了:

display: inline-block;

这样不管有多少个li,都可以居中了。这样设置也是代替浮动的一个好办法。

需要注意的是,display设置为inline-block的元素之间不要有空格或断行,否则在页面上显示时中间会有空隙。

html中使容器内不固定宽度的内容居中

06/8
2016
学习

JavaScript中注册和移除事件

以click事件为例,我们常用onclick和addEventListener来添加它。但是有添加就要有解除,下面先以绑定一个非匿名函数为例:

function test () {
	console.log("yyy");
}
a.onclick=test;
a.addEventListener("click", test, false);

事件函数test是有名字的。如果是无名字的函数,如下:

a.onclick=function(){
	console.log("yyy");
}
a.addEventListener("click", function(){
	console.log("yyy");
}, false);

添加的时候,不管事件函数有没有名字,在效果上是一样的。
添加的时候要注意:
1.onclick和addEventListener添加同一类型的事件是不会互相覆盖的。所以在上面任意一个例子中,都会输出两次"yyy"。
2.如果同一元素存在多个onclick,或同一元素用多个addEventListener添加了同一事件,都是后面添加的事件覆盖前面添加的事件。当然,onclick和addEventListener还是不会互相覆盖的。

但说到移除事件,则有点坑。

1.对于onclick添加的事件,不管它的事件函数时有名字的还是无名字的,都可以将onclick事件设置为空来移除。如:

a.onclick=null;

2.对于addEventListener添加的事件,则比较坑。如果事件函数是有名字的,我们可以用removeEventListener来移除,如:

a.removeEventListener("click", test , false);

但如果事件函数是没有名字的,则无法移除。

虽然可能有一些变通的方法——如在函数外设立一个状态指示器,在每次执行函数时都进行判断,如果状态变成某个值,则不执行函数,就达到了不让函数生效的目的。但是在根源上,这个事件还是没有移除。

综上,当我们需要使用removeEventListener来移除事件的话,方法只能是给函数起个名字了。

JavaScript中注册和移除事件

06/7
2016
学习

Bulk Delete——WordPress内容批量删除插件

Bulk Delete——WordPress内容批量删除插件

Bulk Delete是一款WordPress插件,可以批量删除一些内容,例如根据tag或分类批量删除文章、批量删除页面,甚至可以批量删除评论和用户。还有其他一些功能,不过我是美誉深入了解了,我用它一次性删除了几个分类的文章(别担心,不是本站)。

Bulk Delete——WordPress内容批量删除插件

如图,可以以此删除某分类下所有文章,还支持选择多个分类哦~

Bulk Delete——WordPress内容批量删除插件