匆匆往站

其实一个游戏的精髓之一就是它的图片资源，最近有点迷着《梦幻模拟战》；几乎算是白piao了，也算是氪了一张旅团券和1元打折的羊毛，稍微付点费用赞助一下这款良心游戏（还是让更富有的同志们贡献更大的力量吧 ????）。突然想起来原来要给family写些小游戏，正愁没有资源呢。原来冒险岛的资源抽取工作已经基本完工了，只是要研究如何把所有图片还原成动态的帧还是得花些时间。不过从那时起，算是看了n多冒险岛各个版本的资源，其中有一个就是以atlas后缀结尾的文件引起了我的兴趣。是了，就是spine，这个工具确实让游戏的

如果一个web app的某个文件特别大，为了减少网络流量，其实我们可以使用ServiceWorker将文件缓存到浏览器本地；每次读取这个大文件的时候，如果已经下载过了就直接读取本地的，加快页面加载。其实非常简单，写一个 sw.js 放在web的根目录下。// 定义需要缓存路径的正则表达式var rules = [ new RegExp('/space/daily/soundfont/.*')];// 每次版本更新以后就更新version就好了var version = 'v0.0.1';

某人最近出去游玩，问我可有工具把多张照片拼接在一起成大图的；答曰，没有；但是可以几小时给写一个出来。以前网上查过，没有好用的直接的拼接全景的js库，要么就是完整的一个网站，我要npm install多久哦…要么就是port了opencv，我就要个SIFT匹配算法这也太重了吧，谢谢不用。找到一个独立的C++库可以使用，正好最近有全套的emsdk，port也方便。照着GNUGO.js的经验，再重复劳动一下：https://github.com/dna2ai/panoramaezSIFT的文件很少；所以直接

这段时间一直想给家里搞个常用工具集，比如撸羊毛推荐，图片识别，图片OCR，在线桌游等。只要联网就能用。于是搜索了一下公有云，搞了台host。除了等备案然后serve网站，想想反正大家都在用微信，不如搭一个类似于小黄鸡的server，能响应各种需求。直接开使做吧。...

自从写完Android运行NodeJS程序的app NodeBase，感觉还蛮实用的，无论是在手机上编辑小文件，还是互相共享文件，都方便许多。于是开始深邃的JavaScript之旅，让世界JavaScript化吧。自从看了一则node_modules比黑洞还能扭曲空间的笑话，还是尽量减少使用dependecy比较好，看来后面还得写个分析器合并JS小文件…因为想有个自己的搜索引擎，一直没有时间去...

[笔记]数据同步：搜索引擎实时化-- NodeJS的MySQL/MariaDB Binlog读取器. TL;DR 去https://github.com/dna2github/dna2oldmemory/tree/master/dna2poem/tiny/binlog_publisher 读代码吧。

PhantomJS这个headless浏览器还是很好用的，配合着v8与qt化的webkit引擎，JavaScript可以很好得去处理得到的页面数据。去年在整合各个平台搭建搜索引擎的时候，写了一个爬虫脚本，去掉一些认证和特殊功能，一个简单的js就放到github上了：https://github.com/dna2github/dna2oldmemory/blob/master/dna2poem/phantomjs/spider.js

这些天对写前端越发不开心，感觉总是哪里别扭。看看现在主流的框架，jQuery就是管管js代码中ajax和dom的操作；AngluarJS做了很好的工作，但是有个很大的问题：ngIf, ngFor直接出现在html里，一个是这样让html设计人员要十分清楚javascript的开发，二是我在浏览器里直接根本看不到最后设计的结果。代码的管理在AngularJS也变得更复杂：如果架构不当，就会出现有些地

Node-Link可视化图中移动Node后自动布局调整算法如果按工程来说，HyperGraph的可视化，用Node－Link可以说已经比成熟了，不论是D3.js还是各种其他JavaScript库诸如sigma.js等。不过大部分的库还是SVG的，可能一方面是SVG比较方便绑定事件，另一方面SVG也便于定义CSS去扩展样式。基于Canvas的实现也不少，感觉目前比较好看点的是GoJS，虽然free但是

直接使用JavaScript玩转Angular 2：实现一个文本框输入css颜色值，输入的时候对应的div颜色就会改变。其中包括了：1 一个Directive包含另一个Directive；2 通过Attribute传递数据到Directive里；3 Directive使用一个外部Service。

公司内部的web工具有很多功能是会被经常使用的，有一部分是几乎废弃的。那么，如何在不破唤性修改原有源代码的基础上去分析用户行为呢？于是就想监听web UI上的所有事件，比如用户经常点一个button，那就证明这个button对应的功能是对用户非常有用的。那么关键是要解决如何hook这些事件了。一个很简单的解决方案：https://github.com/dna2github/dna2petal/bl...

不知道为何计算机用户大部分喜欢鼠标点击，最近想掰弄一下可视化，放大平移选中拖动一下子交杂在一起，就晕了。网上竟然还找不到比较好用的库，那就自己动手丰衣足食吧。实现的目标是：支持鼠标长按键（比如按住一个圆一秒表示选中）；支持鼠标手势，再加一下模式识别的库都可以自己弄手写板了；支持手机上加载页面时将手指事件转化为鼠标时事件；支持手机上几个指头抓起或撑开的动作（比如缩小或

Selium自动化测试有诸多不稳定

代码镇顶：https://github.com/dna2github/petalJS/blob/master/upload前些天遇到用户需要上传10GB大小以上的文件的需求，查查网上的库，都不好用。都没有一个完整的前后端的例子，要么像resumable.js只有前端，后端写得无比麻烦。要么是jquery file uploader封装得太完整，想改就很麻烦。懒人就自己写个小而易懂大家都可以用的东西吧。代码支持IE 10+, Opera, Chrome, Firefox, Safari, 在Androi

在人人上拖了个书签到chrome的书签栏，只要下次在某个页面点击下就能轻松分享当前页面。怎么实现的呢？编辑书签，有：javascript:void( (function(s,d,e) { if(/renren/.com/.test(d.location))return; var f='http://share.renren.com/share/buttonshare.d