分类目录归档:无聊产物

【Javascript】Object2HTML

把特定格式的js对象转换成HTML元素

https://coding.net/u/luojia/p/Object2HTML/git

演示对象

结果

 

【Javascript】判断是否为触摸操作模式

写了段代码可以用来识别用户的操作方式是否为触摸。

首先需要给元素加一个便于批量添加事件的on方法(我自认为这么写没什么毛病

然后定义判断触摸模式的代码

这段代码的作用

  • window 对象上定义touchMode变量,值为boolean,为true时是触摸模式,为false时是非触摸模式(大概就是鼠标模式)。如果你不希望出现此变量,删除相关赋值代码即可。
  • 模式变动时在 window 对象上触发 touchModeChange 事件,event对象的touchMode属性为变动后的值。

在支持触摸的设备上,touchMode默认为true,移动鼠标后会转变为false。我认为这个地方是有点毛病的,但是不知道如何正确判断初始状态。

对于阻止以上代码中事件冒泡到window的元素,需要额外执行相关的监听代码以保证正确性。

OSU mengsky源下图代码

2017/8/28 更新:mengsky已死,如果网络环境连血猫速度快的话可以继续用血猫,否则建议使用代理直接从官网下载。

mengsky源使用的是七牛服务,速度非常快,推荐天朝用户使用。

代码:

使用方法见血猫下图代码设置

【Javascript】base32编解码

用javascript写了个base32的编解码函数

【node】批量重命名音乐专辑内音乐文件名

这只是个便签博,方便以后再拿出来用。。

刚刚下了个LL大法的全套音乐专辑,(原谅我又盗版了),然后里面每个CD的音乐都是一如既往有编号的,不过我们放进自己播放列表的话并不需要这些编号,所以我要把它们去掉。

 

作为一个程序员,怎么能一个个手动改名呢,这简直是耻辱!

继续阅读【node】批量重命名音乐专辑内音乐文件名

佳佳君给佳佳酱加上了在线人数哦

前两天做了个node版的websocket在线服务端,现在顺手给佳佳酱也加上了。

服务端托管在这里

使用方法还是很简单的啦,只有打开服务端,然后在要显示在线数量的页面加上以下脚本(这是我用的代码)

可以断线自动重连,喵喵喵!

不过人少的站加上了它显得更寒酸了 (๑•́ ₃ •̀๑)

Web Audio Api获取音乐频率演示

使用的canvas库是我的COL,参考刘哇勇的部落格基于Web Audio API实现的音频可视化效果(被我翻译了一部分)完成。

食用方法:点选择文件放首歌进去,或者把歌拖到选择文件的框上面。

请确保你的浏览器最新!(经测试只有chrome和firefox支持良好)

经测试2,把<我的滑板鞋>放入其中观看效果更佳!

在新页面中打开旧版
在新页面中打开新版
精心特制的coding参赛作品
继续阅读Web Audio Api获取音乐频率演示

OSU血猫刷图书签

这个书签会载入一个js,然后显示一些东西。

如果你不想下一整个曲包但是又要很多map的话可以试试这个东西,它可以随机刷出一批血猫的map下图地址,然后把地址都复制到迅雷之类的下载器下载即可。

用法:把以下代码放进一个书签

像这样

 

然后随便打开一个血猫的网站

然后点一下这个书签

然后你就可以开始愉快的刷图了!

【PHP】清理js文件

花了点时间好好做了个可以清理js文件的php脚本,php确实是个蛋疼的东西,老是出点奇怪的特性。

这个脚本的功能是去掉js文件里的无用部分,输出一个清洁的js文件(当然我不保证这个输出的文件绝对没问题,至少把我的COL放进去输出的文件没问题)

原理:
由于涉及到清理注释,又不能把引号误删,而且 " ' // /*这四个关键符号是同样优先级的,所以谁先出现,谁的优先级就会高(也就是其他符号都会进入这个符号的作用域里)

比如 " 先出现了,后面的 ' // /*都会被包括进这个字符串里,同样如果 /*先出现了后面的内容都会变成注释,除非碰到 */ 。

所以我用了个循环来根据先出现的符号进行相应操作。碰到引号就把字符串整个提出来放个锚,即可保持字符串内容,然后就不用再担心字符串的问题了。

继续阅读【PHP】清理js文件

个人弹幕站点发布

本文不再更新,最新内容见菜单里的个人弹幕站

上一篇博文发了个迷你弹幕播放器,然后我发现我自己也不方便发视频。。。于是我就决定做个后台来管理,用phpmyadmin手动加根本不靠谱嘛!

现在我已经把迷你播放器和后台搞在一起了,变成了一套站点。从此以后人人都可以有自己的方便配置的弹幕站点,投稿审核什么的都见鬼去吧!

GitHub:iTisso/SelfDanmakuSite

建议使用git克隆到服务器而不是下载文件搬到服务器,这样方便接收更新(如果有的话),当然如果不会用git那就点GitHub的下载Zip按钮下包然后传到网站上吧。。

在GitHub里我已经大概写了这个站点的食用方法,在这里再写一份非常详细的版本。

 

先上一个炫酷的osu视频

继续阅读个人弹幕站点发布

迷你弹幕播放器完工

由于文件床难产,弹幕播放器也难产,所以我把弹幕播放器做了个阉割版本,取名叫迷你弹幕播放器

【经检测此播放器对移动设备不友好,请谨慎观看。】

danmaku.luojia.me已上线,管理页面赶制中。
没有托管到github
迷你版里我稍微改了一下Glory一直吐槽的图标问题(改了两个,不过剩下的两个看起来就有点不和谐了。。。
然后也做了个CanvasObjLibrary的阉割版,不过似乎也没什么性能上的提升,唯一的好处就是js文件小了。
以下放出正式版本(目测没有后续版本了。。)的演示
继续阅读迷你弹幕播放器完工