摘要：
由于最近在百度IFE看到有2048任务，所以昨天兴趣一来自己也做了一个。大概花了五个小时完成，不过不足之处是操作时没有滑动效果。昨晚新增了手机版本，流畅度还可以，不过由于没有滑动，游戏过程显得很突兀啊，且容我下次再加上吧。下面先讲讲这个游戏怎么实现，这是个人想的方法。不足之处，多多指教啊。 首... 阅读全文
摘要：
《迷宫游戏》 今天第一次做移动端地图游戏，游戏虽简，获益匪浅。 以前没做过地图游戏，一直不懂怎么构造地图和检测路径，我想这就是做web地图游戏的关键吧。慢慢地有了思路，有了常用方案，那么就算换了一个很复杂的图也不怕实现不了了。不过web app一直离不开性能问题，尤其在移动端。假如使用标签元素来... 阅读全文
摘要：
说明：本文由两篇文章结合而成，系从他人笔记中转过来的， 具体作者不详。因为觉得不错，遂共享之。如有侵权，立删致歉。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取... 阅读全文
摘要：
在使用DOM操作时，同样的效果用不同的方式来实现，性能方面也会有很大的差异。尤其在移动式设备上，资源本来就很有限，一旦DOM写不好的话操作就会非常卡顿。这个周末，就写个DOM性能小记吧。错漏之处，望多指教。 1、浅说reflow 首先讲讲最近我才了解到的一个比较深入且模糊的东西——reflo... 阅读全文
摘要：
在讲tween类之前，不得不提的是贝塞尔曲线了。首先，贝塞尔曲线是指依据四个位置任意的点坐标绘制出的一条光滑曲线。它在作图工具或动画中中运用得比较多，例如PS中的钢笔工具，firework中的画笔等等。无论运用在哪里，它们的原理都是一样的。同样，在用js实现运动效果时，我们也可以利用贝塞尔曲线来... 阅读全文
摘要：
今天分享一个自己前几天做的小游戏，是在无参考任何代码的情况下实现的。大概花了几个小時，后来因为出现bug和修改样式适应移动端等，就磕磕碰碰又搞了半天。虽然这些不是很难，但是发现做小游戏挺有趣的。比做网页有意思多了，IE你滚￣□￣｜｜ 游戏截图： HTML： 1 2 3 ... 阅读全文
摘要：
在上一篇我讲到了DOM的一些总结，这一次我就用我前几天做的一个游戏demo来讲讲DOM的一些用法吧。 首先简单说说这个游戏，如下图所示（大家忽略样式/(ㄒoㄒ)/~~）。当玩家点击开始后，只要选择了正确的图片，则跳到下一关，展开更多的图片。其主要原理是利用DOM中节点的增删操作来实现。=》=》... 阅读全文
摘要：
DOM（Document Object Model），即文档对象模型。DOM是针对HTML和XML文档的一个API，它描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。在定义方面，我理解得尚不是非常透彻。但DOM树是前端工程师在学习javascript过程中非常重要的一部分，... 阅读全文
摘要：
随着移动互联网的火热发展，手机上的APP越来越多，包括web app和native app等。其中web app最离不开网速问题，尤其是游戏等应用。尽管现在的网速变得越来越快了，但是我们为了更好的用户体验，常常对会游戏里用到的资源进行预加载。例如图片等，以我今天做的一个小游戏为例。 我在游戏场... 阅读全文
摘要：
今天刚刚完成了一个官网的前后台整站建设，虽然不是很复杂，但感觉获益良多。由于涉及到一点后台问题，所以期间遇到了不少问题。学到的东西，得作个总结。今天先讲讲img的路径问题。由于现在很多网站喜欢全屏大图滚动，而浏览设备的尺寸也变得越来越多，越来越大。所以解决图片适应性问题，变得更加复杂。切入正题，根据... 阅读全文