saber酱的抱枕

其惟星辰与我同,愁心且怀袖

08/4
10:20
学习 软件

把 zip 压缩包转换为 gif 动图

把 zip 压缩包转换为 gif 动图

最近我打算给 Pixiv 图片下载器添加下载 gif 图的功能,今天折腾出了这个 demo。

查看 demo 下载测试用的 zip 文件

Pixiv 的动态图并不是 gif 格式,而是一个 zip 压缩包,里面包含了很多张图片。把这些图片按顺序显示,看起来就像是动图一样。

很多人给我说过想要下载 gif 图,这个 demo 就可以把 zip 压缩包转换成 gif 动图。大家如果有以前在 Pixiv 下载的压缩包,也可以直接在这个 demo 里转换,转换之后右键保存即可。
Read More →

把 zip 压缩包转换为 gif 动图

06/16
07:11
学习

用 Vue.js 给本站做了个皮肤(大概)

近来在学习 Vue.js,基础知识学的差不多了之后,想要做个项目融会贯通一下。这几天写了个博客前端,可以算是本站的一个皮肤(虽然丑)。这也是一个前后端分离的单页面应用。

在线访问:

saber 酱的抱枕 2 号

数据和图片资源都是直接用的本站的。数据由 WordPress REST API 提供,不用自己写 API 接口了。

通过这个项目,进一步熟悉了 Vue.js 和它的相关插件,也学了学 muse-ui 和 Less 的使用,收获不小。

github 地址:

https://github.com/xuejianxianzun/vue-myblog-xjxz

好歹算是个展示吧,不指望有人用(用也用不好,因为我图片开了防盗链)。如果有人要用这个改一改,给 WordPress 后台的网站做个前台倒可以,毕竟后台的 API 一致,用起来方便。

效果预览:
Read More →

用 Vue.js 给本站做了个皮肤(大概)

06/15
02:15
软件

恶作剧的 carnival.js

carnival.js

carnival.js 可以让网页不停地抖动,作者可真是个小机灵鬼。

在网站头部引用carnival.js:

<script src="https://nd002723.github.io/carnival/js/carnival.js"></script>

或者将下面代码保存为书签,动态引入:

javascript:void(function(){var d = document,a = 'setAttribute',s = d.createElement('script');s[a]('tyle','text/javascript');s[a]('src','https://nd002723.github.io/carnival/js/carnival.js');d.head.appendChild(s);})();

网站示例 (在这个页面点击书签部分的代码,稍等一会儿就能看到效果。)

源码下载(zip)

本文由网友投稿

恶作剧的 carnival.js

05/21
06:04
学习 软件

Vue.js 制作的待办事项 todolist

Vue.js 制作的待办事项 todolist

前些时候学习 Vue.js,做了个 todolist(待办事项),可以把自己要做的事情写上去做个备忘。大致效果如上。

这是一个简单的单页应用,你可以直接在线使用

Github 地址

功能介绍:

您可以自由的添加、删除事项;切换完成状态;重命名;视需要设置定时提醒。
默认没有背景图片,因为用户可以自己设置背景图。(右下角设置区域)
默认有一个提醒铃声,用户也可以自行更改。
本页面会保存工作状态,关闭页面也不会丢失数据。 重新打开页面就可以继续使用了。
所有数据存储在用户本地,不收集用户信息。(话说我哪来的用户啊)
其他详见使用说明。(右下角设置区域)
Read More →

Vue.js 制作的待办事项 todolist

05/10
09:35
学习 软件

JavaScript 樱花飘落效果

JavaScript 樱花飘落效果

上图是截图,当然实际上樱花是会动的~

查看 SakuraDemo

看了之前的下雪demo不由得手痒了起来,sakura啊,我需要sakura!然后果然在这里找到了一个,打开一看,好好看我喜欢呀~快F12扒下来吧,F12打开的一瞬间,我被密密麻麻闪烁变化着的div吓傻了,这样真的大丈夫?亚达哟,我要再找一个,结果找了半天不是不满意就是一个超级超级厉害的用似乎webgl做的,那算了,学webgl吧,看到摄像机啊什么的不由得想到了万恶的ae,自然摸鱼之心越来越膨胀,学着学着就来了一局昭和男儿的WT,等想起来学习webgl的时候,我就欺骗自己说,有unity3D谁还会用这鬼东西?算了算了,不学了,看我老婆(军神大人)去咯。。。。。。。emmmm,我的废话好多,言归正传,重而言之,我决定了改装下雪的demo,来场樱花雨吧,于是我就开始动起手来,先看看大概什么样子吧

代码比较长,这里就不贴出来了,从源代码里复制就行了~

ps:
此文章是投稿作品,欢迎大家投稿~(注册后可以在后台提交)

JavaScript 樱花飘落效果

03/19
09:10
软件

显示lofter.com图片的原图网址

LOFTER(乐乎) 是网易旗下的一款轻博客产品。很多人d到lofter就是为了看图,因为有些图片在这里有清晰的大图,而其他地方可能没有大图(比如很多cosplay图片,微博上的是小图,这里有大图)。

今天有人给我留言,说想要一个脚本,直接显示大图网址,方便下载。我看了下,lofter.com的图片没有加防盗链,可以直接下载,于是就做了这个功能。

显示lofter.com图片的原图网址

安装地址:
https://greasyfork.org/zh-CN/scripts/39730

效果就是在图片列表上方显示大图的url,可以复制下来进行下载。

只在文章页有用哦~

显示lofter.com图片的原图网址