阅读 1554

[ 面试系列 ] - 三:H5 是什么?

系列文章

H5 和 HTML5

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

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

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

img-01

面试官想知道什么?

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

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

明确了问题,就很容易得出答案了:

  • 页面素材预加载技术:可以选择 createJS 之中的 preloadJS 实现
  • 音乐加载播放技术:可以选择 createJSsoundJS 实现
  • 可以滑动的页面:可以选择 swiper.js 实现
  • 可以涂抹擦除:可以选择 HTML5 中的 canvas 实现
  • 有动态的文字和图片:可以选择使用 CSS3 实现,当然直接通过 JS 也可以
  • 可以支持分享自定义的文案和图片:这里用到的是微信的 jssdk

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

参考

文章分类
前端
文章标签