2015.4.23 贪吃蛇、canvas动画，各种上传工具，url信息匹配以及最全前端面试题等

 

1、面向对象贪吃蛇

 

2、css中:hover 改变图片 页面加载完 第一次鼠标移入会闪一下 这是为啥？

解决方法：你把两张图合成一张图或者是先把图片加载到页面上，然后再hover出来。
解析：图片改变了，不管网速快慢它都有个加载时间。

 

3、好的canvas动画工具 或者游戏的推荐:

解决方法：工具推荐-1&工具推荐-2

 

4、下面代码为什么在Chrome下会报错？

var log = console.log;
log("test");

解决方法：改为以下代码

log = console.log.bind(console);
log("test");

解析：收藏console.log()如何缩写为log()

 

5、http://127.0.0.1/home.php?mod=space&do=wisdomtree怎么解析这个url里面是否有某个词语，例如wisdomtree？

解决方法：

//获取URL中name参数的传递信息
function getQueryString(name){
var reg =newRegExp("(^|&)"+ name +"=([^&]*)(&|$)","i");
var reg =new location.search.substr(1).match(reg);
if(r !=null)return unescape(decodeURL(r[2]));
returnnull;
}

 

6、头像上传和裁切该怎么实现呢？

解决方法：cropper
注：附：百度上传组件\拖拽上传\Jquery上传\flash 头像上传\动画插件tweenmax

 

7、最全前端面试问题及答案总结