Phaser常用代码备忘

2016-06-13

Phaser是一门开源的HTML5游戏框架，对比CreateJs、Cocos2d、Hilo等等，其API最丰富最人性化，参考资源也更多，创建游戏、组织代码思路也非常清晰。整理一些常用的api方便查阅复习备忘。

阅读更多

Flash导Canvas与外部的交互通信和在jShop移动端的优化

2016-06-06

“CreateJS是基于HTML5开发的一套模块化的库和工具，拥有共同或独立工作的丰富交互式内容的开源Web技术。” CreateJs由几个库组成：

1
2
3
4
5
createjs
├── easeljs     //核心代码库，如分层显示列表、交互模型、事件机制
├── tweenjs     //动画缓动函数
├── preloadjs   //预加载方案
└── (soundjs)     //与音频有关，简单的背景音乐直接用audio标签就好咯

阅读更多

常用命令行备忘

2016-06-01

常用命令行备忘，与个人所安装的包、插件、软件有关，无参考价值。

阅读更多

mac下搭建最简单的本地服务器

2016-06-01

有时候在本地开发，你的本地资源可能会遇到安全性问题而无法进行加载，你得需要http协议，you need a local web server，在mac下，http-server可以快速帮你解决这个问题。

阅读更多

移动端滑屏事件

2016-05-30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$('.slider-list').bind('touchstart',function(e){
    // 手指触屏时的x坐标
    startX = e.touches[0].pageX;
});

$('.slider-list').bind('touchmove',function(e){
    // 禁止默认的touchmove事件
    e.preventDefault();
});

// 手指放开时的x坐标
$('.slider-list').bind('touchend',function(e){
    endX = e.changedTouches[0].pageX;
    deltaX = endX - startX;

    if(deltaX>0){
        // 手指向右滑
    }else{
        // 手指向左滑
    }
})

阅读更多

定时器函数

2016-05-30

定义一个定时器

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var setTimer = function(fn, interval) {
    var recurse, ref;
    ref = {};
    ref["continue"] = true;
    (recurse = function() {
        if (ref["continue"]) {
            ref.timeout = setTimeout((function() {
                fn();
                recurse();
            }), interval);
        }
    })();
    return ref;
}

阅读更多

全屏和居中定位

2016-04-29

想必我们做全屏弹出蒙层的时候，通常是这么做的

1
2
3
4
5
6
7
8
.overlayer{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
}

阅读更多

解决使用git过程中可能遇到的问题

2016-04-26

这里主要总结在使用git过程中可能会遇到的一些问题，它不常见的，但是也很有可能发生。

1、如果git push的时候出现了以下这个错误：The remote end hung up unexpectedly。在确实不是服务器问题之后，搜了一下，有可能是http.postBuffer的问题，它必须在一个合适的范围之内，太高或者太低都有可能导致pull、push失败。

阅读更多

Apidoc文档生成工具

2016-03-25

apidoc用了一段时间，虽然功能比较简单，但对快速整理工作中常用的接口api还是非常方便的，能满足日常查阅就行。官网：http://apidocjs.com/

阅读更多

React基础认识

2016-02-01

React，当下最炙手可热的前端框架，我们描述得最多的就是它拥有优越的渲染性能和高质量的模块化。那它长什么样子，如何来使用呢？以下是我从以前的自己的文章汇总起来的，跨越了几个版本，因此，很有必要说明当前版本号，也顺便追踪一下其变化过程。我先以最早之前看的版本v0.13.0来开始吧。

阅读更多