Canvas做刮刮卡小游戏

发表于
评论

现在各大互联网公司都在造节日，什么天猫双十一，京东618...

咱们公司虽然小，也要赶潮流，要搞个418T恤节

主要策划就是设计一个很简单的小游戏，来和用户互动，然后引导用户分享，提升注册数，销售量

核心几点要求就是，游戏不能很复杂，得有意思，开发周期要短，最后就敲定了，做一个刮刮卡类型的小游戏

其实，刮刮卡小游戏，最核心的一行代码，就是 

context.globalCompositeOperation = "destination-out"

怎样正确注册事件和手动触发事件

发表于
评论

记得那会刚学JavaScript的时候，注册事件都喜欢用最原始的方式（以下说的IE，都为早版本的IE，比如6,7,8）

<input type="button" id="btn" value="点我" />
var btn=document.getElementById("btn");
btn.onclick=function(){
    alert("点击了btn");
}

这样的确是没有问题，所有浏览器都支持。但是，有一点不好的是，多人开发的时候，别人也可能这样给btn注册了一个click事件，然后我在这样注册一个click事件，别人注册的事件就被我的给覆盖了。看人家jQuery，不论注册多少个事件，都会执行。那他是怎么实现的呢

display的box和flex用法

发表于
评论

有一天，我突然看到display:box box-flex这个属性。瞬间凌乱了，这有是个什么新用法呀，在好奇心的驱使下，查资料，好好补给了一下

原来这是CSS3新出的弹性盒模型，就是为了更加容易的控制盒子与盒子之间空间关系的一种机制。既然是一种很新的机制，那么，使用的时候，肯定得判断其兼容性了

JavaScript判断

window.CSS.supports("display","-webkit-box")    //webkit内核
window.CSS.supports("display","-moz-box")       //火狐浏览器