saber酱的抱枕

相信美好的事情即将发生

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 樱花飘落效果

05/3
05:19
软件

【笔记】再一次关于mediacreationtool

win8时代这玩意刚出来时,我就想能不能用它来解密加密的ESD镜像。
https://tieba.baidu.com/p/3490972441
当时还需要想办法拦截product.xml(现在似乎都是.cab)

现在又有了一个新的玩法
/Selfhost
在命令行里加入这个参数运行mediacreationtool,它就会在它自己所在的文件夹里搜索product.cab。然后就爱怎么弄怎么弄了。
回头试试xml里直接写本地文件夹链接可不可以。如果可以的话就不用麻烦动用hfs这轻量级重装备(啥?)了
是的,你只要把大小sha1还有路径改好,是可以直接引用本地资源的。233333333

至于怎么做cab?

makecab 目标文件路径 生成文件名 /l 生成文件存放文件夹

【笔记】再一次关于mediacreationtool

03/27
09:01
软件

使用淘宝 NPM 镜像安装 Webpack

刚才我在折腾用 npm 安装 Webpack,但是速度非常捉急,开 vpn 也不行。经过搜索我找到了淘宝 NPM 镜像

在淘宝的使用说明里,建立了一个 cnpm 的命令,注册到淘宝的 npm 源。但是我执行之后,系统识别不出 cnpm 命令,所以我换了个方法。

在 npm 的安装目录里找到文件名为 npmrc 的文件(可以使用 everything 直接搜索),编辑它,在最后一行添加如下命令并保存:

registry=https://registry.npm.taobao.org

之后照常使用 npm 命令就行了,安装速度果然飞快,再也不用烦恼啦~

使用淘宝 NPM 镜像安装 Webpack

03/19
09:10
软件

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

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

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

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

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

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

只在文章页有用哦~

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

03/9
06:29
软件

获取 Chrome 浏览器的版本号

刚才需要获取 Chrome 浏览器的版本号,写了个代码如下:

let agent = navigator.userAgent;
if (agent.indexOf('Chrome') > 0) {
	let chrome_ver = parseInt(agent.match(/[\d.]+/gi)[5]);
	console.log(chrome_ver);
}

此代码在 Windows 上的 Chrome 64 以及 Android 上的 Chrome 61 里测试通过。

不过如果以后时间长了,再用的话就要先验证一下对不对了。

获取 Chrome 浏览器的版本号

01/29
03:28
软件

幻影坦克制作软件 MixedPictureGenerator

幻影坦克指的是一种图片,流行于百度贴吧和QQ群。这种图表面上是是一幅图,点击之后看到的却是另一幅图。原理是把两张图片处理后合成一张图,在浅色背景和深色背景里显示不同的图片。

今天我找到了一款制作幻影坦克的软件——MixedPictureGenerator,简单好用。

下载MixedPictureGenerator:
度盘链接 提取码: sxw7

界面如下:

幻影坦克制作软件 MixedPictureGenerator

在上方拖入或点击选择两张图片,然后点击最底下的生成按钮就可以导出啦~

三个选项:

1.图片尺寸是按照图1还是图2。为了显示效果考虑,最好让两张素材图的尺寸保持一致。
2.当背景是亮色(白色)时显示图1还是图2(即设置前景图片)。
3.调整两张图片的可见度,最小值是1。一般保持默认即可。

常见的幻影坦克都是黑白的,但是也有彩色的幻影坦克,可惜目前没找到相关软件。

传个我做的图:
Read More →

幻影坦克制作软件 MixedPictureGenerator