既然图形和动画的先决条件已经得到满足，那么现在是时候让 Snail Bait 动起来了。首先，我在游戏的 HTML 中让 requestNextAnimationFrame() 包含 JavaScript。startGame() 函数由背景图像的 onload 事件处理器调用，该函数通过调用 requestNextAnimationFrame() polyfill 启动游戏。在绘制游戏的第一个动画帧时，浏览器会调用 animate() 函数。查看全文>>

HTML5 中video标签是用来对视频文件播放的，而我们的视频文件大多数格式的都是以flv后缀或者是mp3和MP4结尾的。不过有时候发现在html网页中，一般情况下，MP4或者MP3格式的视频都不能播放。因此，我们巧妙的借助HTML5 的video标签。就可以正常播放MP4的视频了。查看全文>>

针对main.css改进型模仿 大多数人推荐使用normalize.css重置默认样式,我们今天给大家演示一个main.css改进型模型。查看全文>>

最近因为有需要开发互动式网页，而且又需要频繁地和server端坐沟通，所以除了ajax之外，也开始研究一些新的东西；而其中一个，就是可以更节省频宽的WebSocket、这个HTML 5的通讯方法了～ 关于WebSocket的介绍，建议庆直接参考维基百科，或是WebSocket.org的介绍；完整的API则可以参考W3C的网页。在Heresy来看，WebSocket和传统的HTML数据取得的方法相比，最大的好处，就是由于WebSocket是建立一个持续性的连线，不需要重复地不断建立连线，所以可以有效地降低延迟、并且减少数据的传输辆。 像右图就是WebSocket.org所提供的示意图，可以看到随着要求存取的次数的增加，传统的「Polling」的数据存取方法所需的频宽会上升地非常地快；相较之下，WebSocket的频宽则可以省非常地多。查看全文>>

首先，在这个网页里面，HTML的部分相当简单，就是一个

的标题，和一个id为「output」的

，用来做输出之用。而在网页载入完成后，他会去执行JavaScript的init()这个函数，开始进行WebSocket的测试。查看全文>>

2017-06-09 |黑马程序员web前端培训学院 |前端培训,HTML培训

这篇文章会涵盖 HTML5 Web Storage 的几个重点观念，并介绍其基本用法，以及一些该注意的地方(包含一个使用 Visual Studio 2012 来撰写範例程式的短片)。查看全文>>