2byte

前言前一段时间玩桌面，发现了decent icons这个软件，结果是STEAM上面的收费软件，看了一眼同花顺的账户，默默关掉了STEAM。。。但是怎么调整桌面，都发现就是缺一个这样的启动器，于是萌生了自己仿一个想法。分析了一下，决定用electron写，毕竟HTML/CSS写的很顺手，然后也学习一下electron。截图、下载...

谷歌扩展的通讯方式前段时间写了一个英文字典的扩展dict，学习了不同页面间的通讯方式，以dict为例子，总结一下这几种不同的方式。扩展通讯页面的类型扩展页面一共有三大类：popup，content-scripts和background。一般情况下，需要持续使用的变量存在background页面中，该页面自浏览器打开一直留在内存中。popup和content-scripts页面随着打开关闭会释放相应的

开始界面设计好开始与结束、重置的变量关系，然后把字绘制出来就行。声音元素增加声音太简单了。只需引入相应的HTML，在跳跃函数和碰撞函数中加入播放就行。碰撞动画这个想了半天，没有想到好的方法，只能用最笨的使用多个CANVAS图层，在每个层上绘制一个动画，多个叠加后，效果和在一个层内是相同的。（求大神指导）但是缺点是显著的，将这个动画加入到完整的游戏内，显示速度FPS明显下降。小结难点是碰撞动画，首先要

可拖动DIV层的实现方法这几天做了一个英文单词搜索的谷歌扩展，其中的划词搜索功能会产生一个可托拖动的DIV层来作为结果显示，为了做一个较为完善的拖动层，花费了很长时间进行设计与调试。在此把心得总结了一下，讲讲实现方法与关键点。先来看看效果：在线实例DEMO基本思路有一个DIV层，设定position属性为absolute或fixed，通过更改其left，top来更改层的相对位置。在DIV层上绑定

知识点与实例代码闭包for循环情况下的常见闭包for (var i = 0; i < 5; i++) { (function(i) { setTimeout(function() { console.log(i); }, i * 1000); })(i);}每隔一秒依次输出0 1 2 3 4。修改一下，去掉匿名函数里面的i：for (var i = 0; i <

这几天在研究实现一个类似Promise思想的库，也不完全一样，主要目标是保证异步事件的执行顺序。 比如有四个异步事件A,B,C,D 需要这样一个执行顺序 A => B => C => D想了好几种方案。 其中有一种是先建立一个任务链表，执行时修改每个事件的函数内容。假设现在任务链表顺序已经建立， A => B => C => D。taskList[function A,function

使用html5 audio api音频可视化在网易云上听Hello - OMFG，无意间点开了MV，看上去很动感，但是简单到就像一个前端动画。于是自己想照着做一个WEB。最终效果和源码已传至github。动画分析首先中间的OMFG四个字母是不动的。两侧跳跃的图形，应该跟音频相关，这个可以和音频文件的波形、频率对应。跳跃图形下方还有一小部分倒影，这个可以在作出上方图形后，再以其为参照来制作。忽明忽暗的

blog的制作总结琐碎的话这两天刚写完所有页面与功能，回头再看看，有意思的一点是，每次写代码都像是轮回的过程。我上学那会儿经常会遇到一些生活、学习上的看似棘手的问题，那时我总是在举步维艰时强迫自己认为能找到出路。久而久之，自己也产生了这样一种思维模式，事情总是可以找到答案的。为了能跳槽找到自己喜欢的计算机工作，这一段时间内主要在学习时间前端知识，写了几个自己觉得挺有趣的页面，在这个过程中，我又感觉到

typer.js介绍typer.js是模拟打字机效果的轻型js插件（1.5 Kb），有打字、删除、重复和停顿几种简单的效果。DEMO起因由于这几天写个在线简历，我想使用打字的特效，在github上搜到一个叫TheaterJS的插件，效果很好，但是应用时发现，TheaterJS体积为近80kb,况且我不需要那么多的功能，只需要打字就可以了，于是又萌生了自己仿造的想法。构思之前写的listen2me用过

简单CHROME扩展的开发过程做扩展之前前几天看在线文章看的眼晕，因为有些网站的排版实在是差。用火狐还好，自带优化阅读的功能，但支持部分网站。谷歌没有，我也不能老是复制粘贴到记事本里调整后阅读，于是想做一个页面，用来辅助阅读。刚开始的想法很简单，做一个页面，可以把粘贴来的文字，通过JS+CSS处理变得美观一些。 所以刚开始的页面是这样的 https://html50.github.io/fine

简介闲来无事，想起之前总是需要手机的文字发送至电脑，或者电脑发送至手机，使用的均为QQ或微信，总觉麻烦，就萌生了写一个工具的想法。加上nodejs需要学，就用这几天时间构思了一个基于nodejs的多终端文字传输工具：xTrans[DEMO:放在了HEROKU上的测试页][源码:GITHUB:] 感兴趣的同学可以挑战我杂乱的代码结构起初没想到要用nodejs，php对于我来说是极好的，但是一想git

关卡本来按照只有一关的思路设计，整个逻辑都是循环，突然我说要加上多个关卡，猛的不适应，考虑了一下，无耻的去看原著的代码，发现原著是使用了一个数组，来定义地图上障碍物的位置与高度，于是完全拷贝过来为己用。var levelMap=[ [0, 0, 0, 0, 0, 50, 60, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],

昨天打球打得不错，找到手感上来两个crossover，简直无情。心情好了，继续解决遗留问题。首先，看看需要搞定哪些问题加速跳跃各种bug碰撞检测(吐槽,优快云的markdown编辑器有BUG，之前打到一半的文章，因为我编辑了一下另一篇，文章内容都没了，这是因为他的HTML5存储有问题，所有文章公用一个存储区域）加速跳跃之前的跳跃太呆了，完全匀速，我玩了好久原著找感觉，发现他的方块跳跃是有加

前几天玩了一个HTML5小游戏(http://www.lessmilk.com/game/box-jump/)，很有意思，但不支持手机。想着学习一下前端知识和JS，决定仿制一个。先做个会动的方块由于没有经验，不知如何下手，先用CANVAS绘制基本元素，动画使用的是setInterval不停的清除画板再绘制的方法，有了下面一个会从左跑到右的方块。（会动的一瞬间感觉弱爆了，完全不是那种感觉）