微信化妆品项目总结之前端部分^3^主讲人:武宁项目参与:余学明 武宁 魏聪
js前端小游戏沿用“别踩白块儿”游戏的思路开发“疯抢化妆品”小游戏~用户通过消灭屏幕上显示的logo的方式进行游戏,分数高的就有机会参加后台的抽奖即有机会赢得奖品~~如果获得奖品,就要分享到朋友圈从而达到对我们产品以及时尚频道推广的效果~~
项目中所用到的前端“姿势”总结说明:游戏部分用到HTML灰常少,基本上都是js写粗来的。One:项目的核心是move.js用来控制整个游戏的运作Two:项目的补充是screen.js用于完成各类手机兼容性相关的问题Three:项目的分享是wx.js用于解决微信开发中分享到朋友圈和分享给好友的问题
4Part:one问题一:关于事件的触发:一般:onclick ondbclick onmousesdown onmouseuponmouseover onmousemove onmouseout......(此处省略若干字母)手机端:ontouchstart ontouchmove ontouchend ontouchconceltouchstart → mouseover → mousemove → mousedown → mouseup → click1
“第一只大蜘蛛”来了...游戏在进行中“卡顿”现象:情况一:线程抢占的问题:点击后ui线程在计算循环而没有空闲的cpu用来更新ui绘制。WPF:http://msdn.microsoft.com/zh-cn/library/ms741870.aspx情况二:ontouchstart的触发机制:核心:阻止冒泡事件以及浏览器对事件的默认行为。 未完待续..
6
冒泡事件流:捕获事件流:W3c:addEventListener("click",doSomething,true);addEventListener("click",doSomething,false);阻止事件传播:e.stopPropagation(); (W3c)cencelBubble = true; (IE) 阻止浏览器对事件的默认行为:e.preventDefault(); (W3c)window.event.returnValue = false; (IE)
"第二只大蜘蛛"来了...项目中涉及不同的js文件之间的相互调用变量问题使用条件:1.该变量为全局变量 2.document.write("");