系列文章

H5 和 HTML5

我想可能很多同学都和曾经的我一样，认为 H5 是 HTML5 的简写，所谓 H5 开发，就是遵循 HTML5 标准的前端开发而已。但事实并非如此，尽管 H5 这个词最早的由来可能的确与 HTML5 有关，然而——当绝大部分人都认为错误是正确的时候，那它就是正确的。

那么抛开这个词的由来，到底什么是 H5 呢？

事实上，所谓的 H5 开发，通常指代在微信中，点开后会在微信内部展开的精美的移动端的 Web 页面，如下图所示：

html5 手机设备接口有哪些 h5接口是什么意思_H5

面试官想知道什么？

知道了什么是 H5，那么我们回到最初的问题：面试官问你知道 H5 是什么。他到底想听到怎样的回答？

如果仅仅回答什么是 H5，一两句话足矣，也无法体现开发人员的水平，显然，这个问题更深层次是在问：开发一个 H5 页面，需要用到哪些技术。

明确了问题，就很容易得出答案了：

页面素材预加载技术：可以选择 createJS 之中的 preloadJS 实现

音乐加载播放技术：可以选择 createJS 的 soundJS 实现

可以滑动的页面：可以选择 swiper.js 实现

可以涂抹擦除：可以选择 HTML5 中的 canvas 实现

有动态的文字和图片：可以选择使用 CSS3 实现，当然直接通过 JS 也可以

可以支持分享自定义的文案和图片：这里用到的是微信的 jssdk

可以看到，H5 并不是一门技术，或者一个规范，而是一套技术的集合，深入研究的话，其中也蕴含着丰富的知识。