H5是什么

Posted 2021-03-05 zhoujingye

H5是什么？

H5是移动端页面，其实是技术的合集而不是一个技术。
H5实际上是一种解决方案，一个看起来很炫酷的移动端的网页效果的解决方案，这个解决方案不仅包括了html5新增的标签，还包括了前端的基本知识，主要是技术的合集。

举例说明：
比如甲方打电话过来询问，"你是不是会做H5开发？"的时候，我知道他们要的是那种可以在朋友圈分享的，看起来很酷炫的小页面，他们实际要的东西拆开来看大概包括以下技术点
1.页面素材预加载技术，可以使用createJS之中的preloadJS。我没有看preloadJS的源码，不过预加载并不是HTML5标准中更新的方法
2.音乐加载播放技术，createJS中同样有soundJS可以实现，而且这部分说起来确实是HTML5标准支持的内容，在上个时代并没有audio这样的标签
3.可以滑动的页面，大多数是用了swiper.js这个Jquery插件，也有一些是手写的swipe，比较拙劣的手写版页面是不会跟手滑动的，其中touchstart等四个touch系列的事件是HTML5标准中的事件
4.可以涂抹擦除，多半是canvas叠加层，canvas是HTML5标准里面的标签，是代表了先进生产力的标签
5.有动态的文字和图片，常见的是使用了css3或者直接使用js动画。很多时候提到HTML5多半还会带上CSS3，而CSS的分级又是另外的一个问题了，在不同的项目标准上，CSS会独立定级，以后应该不会有CSS4这个东西
6.可以填表报名，这是最基本的表单，是有网页以来就有的东西
7.可以支持分享自定义的文案和图片，这个是用到了微信的jssdk和HTML5标准没有关系