引言
在簡(jiǎn)書好久沒(méi)有作更新了，少了當(dāng)初寫簡(jiǎn)書的一些激情猛蔽，先適應(yīng)一下作書的節(jié)奏吧剥悟。
手上在做視頻各種分享操作后可繼續(xù)觀看的一個(gè)項(xiàng)目。
項(xiàng)目醞釀了好久枢舶，不急懦胞，先來(lái)看看下面的正文內(nèi)容，因?yàn)槲易詡€(gè)兒都屬于前端圈外人~
正文
注意：H5不等于HTML5
H5 是一個(gè)產(chǎn)品名詞
HTML5是一個(gè)技術(shù)名詞
對(duì)于知乎多個(gè)相關(guān)問(wèn)題里批判H5的叫法凉泄。
打個(gè)比方躏尉，如果有個(gè)人跟你說(shuō)：“我要做個(gè)網(wǎng)站，H5的”后众。
那TA是想讓你用header胀糜、footer、nav蒂誉、section等標(biāo)簽教藻？
讓你用Geolocation、localStorage右锨、WebWorker等API括堤？
都不是，TA們想要的功能你用HTML4就都能做出來(lái)了绍移。更別說(shuō)還得兼容老IE瀏覽器呢悄窃。
所以年輕人，你們要用心理解客戶的需求蹂窖，不要沉迷于技術(shù)轧抗。
人家一定不是讓你去用一種不被所有瀏覽器兼容的技術(shù)。
所以瞬测，H5指的不是HTML5横媚，而是某種在微信等移動(dòng)端看上去酷炫能夠提升公司格調(diào)順便亮瞎訪問(wèn)者氪金狗眼頓升膜拜之心就算沒(méi)有內(nèi)容也能被廣泛轉(zhuǎn)發(fā)分享的一種東西。
再次科普月趟，HTML5并不是一項(xiàng)技術(shù)灯蝴，而是一個(gè)標(biāo)準(zhǔn)。
標(biāo)準(zhǔn)的意思就是：學(xué)生準(zhǔn)則手冊(cè)孝宗。你可以按照準(zhǔn)則做穷躁，甚至可以超出準(zhǔn)則更加嚴(yán)格的要求自己，也可以不按照準(zhǔn)則來(lái)碳褒，但是會(huì)被老師訓(xùn)斥折砸、小伙伴討厭看疗，別人都不找你玩，就像IE6一樣睦授。
那HTML5這些標(biāo)準(zhǔn)瀏覽器廠商到底姿持不姿持呢两芳？這要看他們各自的尿性了。像chrome這種不僅在很多標(biāo)準(zhǔn)上支持的非常好去枷，還積極上進(jìn)很多地方超出了標(biāo)準(zhǔn)怖辆，支持一些標(biāo)準(zhǔn)中還是草案的部分竖螃。所以其實(shí)要么我們是作為理論派討論HTML5標(biāo)準(zhǔn)特咆，要么是作為實(shí)踐派討論HTML5標(biāo)準(zhǔn)在某瀏覽器的應(yīng)用录粱。但是實(shí)際上我們?cè)谡f(shuō)到H5的時(shí)候，并不是指標(biāo)準(zhǔn)菜职，也不是指標(biāo)準(zhǔn)的應(yīng)用酬核，而是一個(gè)硬生生造出來(lái)的奇怪概念合集适室，所以我是旗幟鮮明的反對(duì)這個(gè)稱呼的。
最近一年的時(shí)間鹅很，我主要靠這個(gè)東西養(yǎng)家（并沒(méi)有家）糊口罪帖。所以我是懂得甲方打電話過(guò)來(lái)詢問(wèn)整袁，“你是不是會(huì)做H5開(kāi)發(fā)坐昙？”的時(shí)候芋忿，我知道他們要的是那種可以在朋友圈分享的疾棵，看起來(lái)很酷炫的小頁(yè)面是尔，他們實(shí)際要的東西拆開(kāi)來(lái)看大概包括以下技術(shù)點(diǎn);
1.頁(yè)面素材預(yù)加載技術(shù)拟枚，可以使用createJS之中的preloadJS众弓。我沒(méi)有看preloadJS的源碼，不過(guò)預(yù)加載并不是HTML5標(biāo)準(zhǔn)中更新的方法脚乡。
2.音樂(lè)加載播放技術(shù)每窖，createJS中同樣有soundJS可以實(shí)現(xiàn)弦悉，而且這部分說(shuō)起來(lái)確實(shí)是HTML5標(biāo)準(zhǔn)支持的內(nèi)容稽莉，在上個(gè)時(shí)代并沒(méi)有audio這樣的標(biāo)簽。
3.可以滑動(dòng)的頁(yè)面劈猪，大多數(shù)是用了swiper.js這個(gè)Jquery插件战得，也有一些是手寫的swipe庸推，比較拙劣的手寫版頁(yè)面是不會(huì)跟手滑動(dòng)的，其中touchstart等四個(gè)touch系列的事件是HTML5標(biāo)準(zhǔn)中的事件聋亡。
4.可以涂抹擦除坡倔，多半是canvas疊加層，canvas是HTML5標(biāo)準(zhǔn)里面的標(biāo)簽投蝉，是代表了先進(jìn)生產(chǎn)力的標(biāo)簽征堪。
5.有動(dòng)態(tài)的文字和圖片请契，常見(jiàn)的是使用了css3或者直接使用js動(dòng)畫。很多時(shí)候提到HTML5多半還會(huì)帶上CSS3涌韩，而CSS的分級(jí)又是另外的一個(gè)問(wèn)題了臣樱，在不同的項(xiàng)目標(biāo)準(zhǔn)上腮考，CSS會(huì)獨(dú)立定級(jí)，以后應(yīng)該不會(huì)有CSS4這個(gè)東西棚放，所以大家也不用擔(dān)心在H5以后又冒出來(lái)了C4（不過(guò)真是想用C4炸死那些每天把H5掛在嘴上的人）馅闽。
6.可以填表報(bào)名，這是最基本的表單局骤，是有網(wǎng)頁(yè)以來(lái)就有的東西暴凑。
7.可以支持分享自定義的文案和圖片，這個(gè)是用到了微信的jssdk凯傲，和HTML標(biāo)準(zhǔn)半毛錢關(guān)系都沒(méi)有拿穴。
8.還有其他我想起來(lái)再補(bǔ)充的忧风。
所以我們?cè)谡務(wù)揌5的時(shí)候，實(shí)際上是一個(gè)解決方案呕诉，一個(gè)看起來(lái)酷炫的移動(dòng)端onepage網(wǎng)站的解決方案吃度。而這個(gè)解決方案不僅包含了HTML5新增的audio標(biāo)簽，canvas伊者，拖拽特性间护，本地存儲(chǔ)汁尺，websocket通信，同時(shí)也包括了盒模型痴突，包括絕對(duì)定位辽装，包括一切前端的基本知識(shí)。
有學(xué)弟來(lái)問(wèn)我說(shuō)收毫，學(xué)長(zhǎng)我想學(xué)H5此再，應(yīng)該從哪里開(kāi)始？
我說(shuō)HTML5新增特性在W3C上都可以查得到的输拇。
學(xué)弟說(shuō)策吠，不瘩绒，我想學(xué)的是H5，想做H5的頁(yè)面蟀给。
于是我猜測(cè)他所指的就是上面論述的這種酷炫小頁(yè)面跋理，我就說(shuō)，那你要先學(xué)習(xí)HTML肚邢，包括HTML5的新標(biāo)準(zhǔn)和之前的全部標(biāo)準(zhǔn)骡湖，然后學(xué)CSS以及CSS3，了解它們?cè)跒g覽器的實(shí)現(xiàn)情況勺鸦，原生JS了解一點(diǎn)就可以换途，大多的操作可以用Jquery刽射，了解常用的幾個(gè)Jquery插件的用法，應(yīng)該就差不多了懈息。如果想要做更酷炫的辫继，學(xué)一下egret或者cocos2d更好。如果要優(yōu)化加載速度姑宽，還要學(xué)一下grunt一類的自動(dòng)化工具闺阱。微信的sdk有很多坑酣溃，至少nodejs或者php一類的后端語(yǔ)言要會(huì)一點(diǎn)。
學(xué)弟說(shuō)赊豌，那這不就是前端了么碘饼？我只是想學(xué)H5啊。
所以你看黔姜，當(dāng)我們對(duì)一個(gè)概念的內(nèi)涵無(wú)法統(tǒng)一的時(shí)候蒂萎，我們根本不知道彼此之間在談?wù)摰氖鞘裁次宕取！盚5“本應(yīng)是一個(gè)技術(shù)合集毙芜，卻被意會(huì)成了一項(xiàng)技術(shù)争拐，變成可以在質(zhì)上而不是量上描述的概念架曹。對(duì)于營(yíng)銷來(lái)說(shuō)绑雄，我們只要講我們可以做H5或者不能做，這種定性的描述就夠了罗珍。但是對(duì)于技術(shù)上覆旱，這是定量的事情核无，只能在具體某個(gè)技術(shù)項(xiàng)上是否厕宗，無(wú)法對(duì)這個(gè)本不存在的概念說(shuō)是否。就比如我遇到過(guò)有甲方說(shuō)曲聂，我們之前找了一個(gè)人做H5佑惠，做的還不錯(cuò)，但是這個(gè)case他又說(shuō)做不了旭咽，我也搞不懂H5和H5之間也有那么大差別嗎穷绵？我只能笑笑和他說(shuō)，世界這么大仲墨，各種各樣的H5都是有的目养。
這就是為什么我反對(duì)H5癌蚁，因?yàn)檫@個(gè)名詞和它表示的內(nèi)涵是嚴(yán)重不符的，這讓我們難以溝通碘梢，讓營(yíng)銷人和技術(shù)人之間產(chǎn)生誤解痘系，讓渾水摸魚的培訓(xùn)師們賺的盆滿缽滿汰翠，讓技術(shù)新人不踏踏實(shí)實(shí)的學(xué)習(xí)技術(shù)复唤。
注：
以上的正文部分屬于摘錄烛卧，不是本人所寫总放，但覺(jué)得“吐槽”的不錯(cuò)局雄，因此轉(zhuǎn)載過(guò)來(lái)炬搭。因?yàn)槲艺浀脑┪囊彩寝D(zhuǎn)載穆桂，并且沒(méi)有附上源地址享完，我也就沒(méi)能注上原作者般又。寫博文的時(shí)間越久倒源，越來(lái)越尊重這些原創(chuàng)作者句狼，在這里也呼吁原創(chuàng)轉(zhuǎn)載需標(biāo)注地址Ｄ骞健！昔馋！
