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的描述和表述真心有差錯,因為這個名詞和它表示的內涵嚴重不符;這也上不少技術和營銷人之間產生了很多誤解,讓渾水摸魚的培訓師賺的盆滿缽滿,讓技術新人不踏踏實實的學習技術。
  
  • 上一篇:未雨綢繆是什么意思,了解下
  •  
  • 下一篇:磁共振檢查什么,了解下