h5是什么,h5怎么设计?

 生活杂谈     |      2019-12-31 21:31
  经常会听到周围人说H5,做一个H5的费用还非常高,不知道那些人是怎么想的?怎么做一个H5,还能赚很多钱。从此就一发不可收拾了,因为这是在我觉得非常高科技的东西,所以想要认真的学学!稍后还会讲讲其他的东西,虽然小编我可能也会猜到自己只会懂些皮毛而已。
  H5是什么意思呢?
  通过多方“调查”,有的在知乎、简书,还有百度百科等等渠道了解到.
  H5这个词,来自“HTML5”,且是国内的专门称呼,所以老外是完全不知道“H5”是什么的。
  所谓“HTML5”,是指“HTML”的第5个版本,而“HTML”,则是指描述网页的标准语言。因此,HTML5,是第5个版本的“描述网页的标准语言”。
  H5,HTML5是一个标准,不是一项技术。标准的意思,就是学生准则手册,你可以按照准则做,甚至可以超出准则更加严格的要求自己,也可以不按照准则来。但是会被老师训斥小伙伴讨厌,被人都不找你玩,就像IE6一样。
h5是什么
  “描述网页的标准语言”到底是什么?
  直白点说,其实就是网页文件的格式。就像word可以打开doc文件,我们的浏览器基本都能打开html文件。而我们浏览网页,并在其中进行各种交互操作的过程,本质上都是我们的浏览器下载了一个网页文件,然后“播放”或者“运行”这个网页文件的过程。这个过程,和我们下载一个MP4的电影,然后用quickTime打开,基本上是一样的。
  H5在很多人认知中,是那种能够分享在朋友圈里,看起来很酷的小页面。对于他们的这些需求,可以总结出以下几个技术点:
  1、页面素材预加载技术,可以使用createJS中的preloadJS。预加载并不是HTML5标准中的更新办法。
  2、音乐加载播放技术,createJS中同样有soundJS可以实现,而且这部分说起来却是HTML5标准支持的内容,在上个时代并没有audio这样的标签。
  3、可以滑动的页面,大多数是用swiper.js这个JQuery插件,也有一些手写的swipe,比较拙劣的手写版页面是不会跟手滑动的,其中touchstart等四个touch系列事件是HTML5标准中的事件。
  4、可以涂抹擦除,多半是canvas叠加层,canvas是HTML5标准里面的标签,是代表了先进生产力的标签。
  5、有动态的文字和图片,常见的是使用了CSS3或者直接使用js动画。很多时候提到H5多半还会带上css3,而CSS的分级又是另外一个问题了,在不同的项目标准上,CSS会独立定级,以后应该不会有CSS4这个东西,所以大家也不用担心在H5以后又冒出来一个C4(不过真是想用C4炸死这些每天把H5挂在嘴上的人)
  6、可以填报名,这是最基本的表单,是有网页以来就有的东西。
  7、可以支持分享自定义的文案和图片,这个是用到了微信的jssdk,和HTML标准没有半点关系。
  了解了这些分享朋友圈的H5技术之后,突然发现,实际上就是一个解决方案,一个看起来非常炫酷的移动端onepage网站的解决方案。这个解决方案不仅包含了HTML5新增的audio标签,canvas,拖拽特性,本地存储,websocket通信,同时也包括了盒模型,包括绝对定位,包括一切前端的基础知识。
  想学H5,该从哪里学?
  HTML5新增特性在W3C可以查到,先学习HTML,包含HTML5的新标准和之前的全部标准;
  然后学习CSS和CSS3,了解浏览器的实现情况;
  原生JS只需了解一点,但是大多数都是可以用Jquery,了解JQuery插件的用法。
  如果想要H5酷炫一点,可以学习一下egret或者coco2d更好。如果想要优化加载速度的话,也可以学习一下grunt一类的自动化工具。微信的sdk有很多坑,至少nodejs或者PHP一类的后端语言要会一点。
  如果对于上面的前端学习还有不理解的,那就继续向下看!
  H5本应是一个技术合集,却被意会成了一项技术,变成可以在质上而不是量上描述的概念。
  对于营销来说,只能讲H5可以做和不能做就成,这种定性的描述是常有的事情。但是如果是对于技术上的话,这是定量的事情,只能从具体某个技术项上是否,无法对这个本就不存在的概念说是否。
  H5的描述和表述真心有差错,因为这个名词和它表示的内涵严重不符;这也上不少技术和营销人之间产生了很多误解,让浑水摸鱼的培训师赚的盆满钵满,让技术新人不踏踏实实的学习技术。
  
  • 上一篇:未雨绸缪是什么意思,了解下
  •  
  • 下一篇:磁共振检查什么,了解下