Javascript - 轩枫阁 – 前端开发

前言

最近玩的根本停下不下来的游戏-2048，今天终于闯关成功~ 就连2048的开发者都说自己还没达到2048的分数。

2048游戏源于IOS，现在安卓也有移植版本，该游戏借鉴了有名的手机游戏1024。

源码

https://github.com/gabrielecirulli/2048

试玩

http://xuanfengge.com/demo/201403/2048

玩法

游戏的玩法很简单，在4×4的棋盘上，用方向键选择数字移动的方向，遇到相同的数字就会合并，每次移动会增加一个数字。合并出2048就算通关。虽然简单，但是很有乐趣，被誉为“根本停不下来的游戏”。查看全文

2014/03 29 周六

前言

Github访问下载不了样式，页面打不开？Npm安装node包无响应？试试以下解决方案

Npm包下载安装

问题描述

最近在安装一些node包，例如express、mongoose的时候，会出现下载不了的情况

1 2	npm install -g express npm http GET https://registry.npmjs.org/express

页面一直显示如下截图

解决方案一

通过config命令：先运行以下命令，再安装node包即可

1 2	npm config set registry http://registry.cnpmjs.org npm install express

解决方案二

cnpm方式安装：先安装cnpm，再利用cnpm安装，例如express等

1 2	npm install -g cnpm --registry=http://r.cnpmjs.org cnpm install -g express

解决方案三

编辑配置：编辑 ~/.npmrc 加入下面内容

1	registry = http://registry.cnpmjs.org

以上三种方案适用任意一种都可以，其中第一和第三方案是一样的。

关于cnpm

cnpm官网：http://cnpmjs.org/ cnpm是npm的国内镜像

NPM和CNPM关系

Github打开异常

问题描述

最近在打开Github的时候，总是出现长时间页面空白，一直在loading。点击停止加载页面按钮，页面上会显示文字，但是无样式。

console会报错：

如 GET https://github.global.ssl.fastly.net/assets/github-337b621337a4eb1e816f9bb51b2443666e8f9849.css net::ERR_TIMED_OUT 查看全文

2014/03 26 周三

JS实用技巧手记（五）

本系列文章旨在记录一些实用的javascript技巧，既可以作为一个知识的积累，又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~

1. 十六进制颜色值的随机生成

function randomColor(){

var arrHex=["0","1","2","3","4","5","6","7","8","9","a","b","c","d"],

strHex="#",

index;

for(var i=0;i<6;i++){

index=Math.floor(Math.random()*14);

strHex+=arrHex[index];

}

return strHex;

}

console.log(randomColor());

function getRandomColor(){

return "#"+("00000"+((Math.random()*16777215+0.5)>>0).toString(16)).slice(-6);

}

console.log(getRandomColor());

说明：

1、16777215为16进制的颜色ffffff转成10进制的数字

2、>>数字取整

3、转成16进制不足6位的以0来补充

2. 获取下一个结点，兼容IE和Firefox

查看全文

2014/03 09 周日

前言

受益于grunt这么久，继续分享关于grunt的一些技巧。grunt确实是前端项目中不可或缺的提升效率的工具。第一次接触grunt是在去年7月份，开始有接触LESS、Coffee Script的等需要编译的模板才能使用的，所以grunt就有了很大的用处。当然除了编译，还有一部分的工作就是压缩，grunt常用的任务就是压缩JS、CSS，检查语法错误，同时也可以保证质量压缩图片（删除图片多余信息）。

使用起来也很简单，基于node，所以我们就可以通过js来控制这些文件。唯一需要做的是编写配置文件，做一套适合我们项目的编译系统。除此之外，另一个很方便的功能就是grunt能够通过监听文件变化（创建、删除、保存）来执行相应的任务。在初次学习grunt的配置的时候，踩过许多坑，之前也写过两篇关于grunt的文章，所以这里就写下Grunt的配置写法，具体为何那么写以及需要注意的点已经在代码里面表明清楚。