整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
移動應(yīng)用開發(fā)不存在’one-size-fits-all’（萬全之策）的解決方案。無論是采用混合、HTML5還是原生，許多開發(fā)者在項目的中期總會發(fā)現(xiàn)他們最開始采用的方法并不是最佳方案
Web和混合(Hybrid)應(yīng)用正在成為熱門趨勢
Web平臺（HTML5 & JavaScript）是創(chuàng)建跨平臺應(yīng)用的首選
一直以來，人們在將HTML5和原生SDK進(jìn)行比較時，一般認(rèn)為HTML5在這兩個方面處于劣勢：
APIs對手機(jī)功能和服務(wù)的訪問有限
性能這個一直是被一些開發(fā)者詬病的問題，UI響應(yīng)度和數(shù)據(jù)加載速度都沒有原生應(yīng)用給力
但是我們也可以看到，HTML5這兩年在這些劣勢上與原生應(yīng)用的差距也在越來越小。Kendo UI團(tuán)隊近日開發(fā)了兩款HTML5/Hybrid應(yīng)用，然后將他們呈現(xiàn)給其他開發(fā)人員，讓他們判斷哪款是原生應(yīng)用，哪款是混合應(yīng)用。結(jié)果沒有一個開發(fā)者判斷正確，沒有一個人否定兩款應(yīng)用其實都不是原生應(yīng)用。
這個調(diào)查表明HTML5/Hybrid/Native三者之間的差距在越來越小，界限越來越模糊。這不僅僅體現(xiàn)在應(yīng)用的用戶體驗上，還體現(xiàn)在開發(fā)過程中：越來越多的開發(fā)者在項目中期意識到要實現(xiàn)目標(biāo)可以有其他可替代的方式，而絕不是一條道走到黑。
那么這對于大多數(shù)移動開發(fā)者來說，這意味著什么呢？這意味著開發(fā)人員需要拋棄過去對三者孰優(yōu)孰劣的狹隘觀念了，擦亮你的雙眼，真正弄清楚它們各自的優(yōu)勢，然后不斷的在混合、HTML5和原生開發(fā)中嘗試，只有這樣才能準(zhǔn)確判斷哪一種方式是最佳的方案。
原生開發(fā)雖然具有性能高、可訪問手機(jī)所有功能、可線下使用等先天優(yōu)勢。但在開發(fā)階段卻是困難重重，比如開發(fā)周期長、支持設(shè)備有限、上線時間不確定等問題。在今年的調(diào)查中可以看到，越來越多的開發(fā)者選擇純HTML5開發(fā)跨平臺應(yīng)用，而純原生應(yīng)用越來越少：
在被問到開發(fā)原生應(yīng)用的中途是否又換成了HTML5應(yīng)用開發(fā)，40%的人回答了”Yes”。而將這個問題反過來，31%的人回答了”Yes”。這個比例不相上下，證明其實無論是HTML5還是原生，只要適合自己的項目需求，它就是好方法。
選擇HTML5、混合和原生開發(fā)的比率在越來越均衡，但HTML5在企業(yè)級開發(fā)中的地位上升也是非常明顯的，當(dāng)被問及預(yù)測HTML5何時適合進(jìn)行企業(yè)級開發(fā)時，31%的人回答是”Immediately”，26%的人認(rèn)為是在未來的一年之內(nèi)。
當(dāng)問及到2014中期你計劃用HTML5開發(fā)多少應(yīng)用時，大多數(shù)開發(fā)人員（占34%）的回答是2-3個，而24%的人回答是11個以上。
你使用HTML5開發(fā)哪些類型的移動應(yīng)用？超半數(shù)的被調(diào)查者選擇Business apps，占57%，F(xiàn)inance和Productivity應(yīng)用各占21%，另外，教育、社交、醫(yī)療等應(yīng)用也占較高比例。
那么在商務(wù)應(yīng)用中，開發(fā)者們又具體開發(fā)了哪些應(yīng)用呢？64%的人選擇了公共B2C應(yīng)用，排第二的是B2E應(yīng)用，占49%。
隨著越來越多的用戶從桌面/Web轉(zhuǎn)移到移動端，53%的人選擇采用HTML5創(chuàng)建跨平臺應(yīng)用，可見HTML5已經(jīng)成為跨平臺移動開發(fā)的首選。
調(diào)查顯示，35%的開發(fā)者用HTML5&JavaScript開發(fā)Web應(yīng)用，而混合應(yīng)用和原生應(yīng)用均各占16%。
除了易用性以外，成本也是開發(fā)人員必須考慮的一大重要因素，當(dāng)問及與原生應(yīng)用 相比，你認(rèn)為混合應(yīng)用開發(fā)可以節(jié)省的時間和人力成本時，50%的受訪者認(rèn)為可節(jié)省40%-70%的成本。
事實勝于雄辯，HTML5/Hybrid確實正在成為越來越多移動開發(fā)者的選擇，但絕不是未來唯一的選擇。我們應(yīng)該認(rèn)清，HTML5、混合及原生技術(shù)都有各自的優(yōu)勢，不能單純的認(rèn)為HTML5好或者原生好。而我們應(yīng)該做的是根據(jù)自己的需求、定位和預(yù)算，去選擇最佳的解決方案。
f語句的代碼的語法非常簡單，，就是一個 if 判斷語句來判斷瀏覽器的類型和版本，應(yīng)用類似 <!--[if lte IE 6]> 和 <![endif]--> 語法結(jié)構(gòu)包孕起來，代表如果瀏覽器是 IE 并且版本號低于或等于 6.0 則進(jìn)行提示。類似的語法還有：
<!--[if IE]>
這樣應(yīng)用IE瀏覽器（整個版本）的人都看得到。
<![endif]-->
<!--[if IE 6]>
這樣IE 6.0版本會看得到，只限IE 6.0版本。
<![endif]-->
<!--[if lt IE 6]>
這樣IE 6.0以下版本會看得到，不包孕6.0。
<![endif]-->
<!--[if lte IE 6]>
這樣IE 6.0以下版本會看得到，包孕6.0。
<![endif]-->
<!--[if lte IE 8]>
這樣IE 8.0以下版本會看得到，包孕8.0。
<![endif]-->
<!--[if gt IE 5]>
這樣IE 5.0以上版本會看得到，不包孕5.0
<![endif]-->
<!--[if gte IE 5]>
這樣IE 5.0以上版本會看得到，包孕5.0
<![endif]-->
說明：
* gt：greater than （版本號大于）
* lt：less than （版本號小于）
* gte：greater than or equal to （版本號大于等于）
* lte：less than or equal to （版本號小于等于）
切圖網(wǎng)（qietu.com）是首家專門從事web前端開發(fā)的公司，專注we前端開發(fā)，響應(yīng)式布局，webapp手機(jī)端網(wǎng)頁制作，微信html5頁面制作，bootstrap布局等，關(guān)注用戶體驗。
作為程序員經(jīng)常會被業(yè)務(wù)人員問一些技術(shù)相關(guān)的熱門詞，比如：“H5頁面是什么？” ， 我的回答是：“符合 HTML5 標(biāo)準(zhǔn)實現(xiàn)的頁面，大家為了方便，簡稱 H5“。 真的是這樣的嗎？ 當(dāng)連續(xù)有人問相關(guān)的問題，并詳細(xì)了解一些業(yè)務(wù)以后，慢慢的發(fā)現(xiàn) H5 已經(jīng)不單單是一個技術(shù)相關(guān)的詞。
之前被我們產(chǎn)品人員也問到一個類似的問題：“怎么通過技術(shù)手段來判斷一個網(wǎng)站是H5的頁面，還是普通頁面？”，聽到這個問題我懵了，按照我前面的解釋 “符合 HTML5 標(biāo)準(zhǔn)實現(xiàn)的頁面就是 H5頁面”，那當(dāng)前互聯(lián)網(wǎng)上看到的網(wǎng)站基本上都在采用了 HTML5 標(biāo)準(zhǔn)。詳細(xì)了解業(yè)務(wù)以后才知道，他的要求是把微信里面那種好友之間，或者朋友圈分享的那種帶有主題性質(zhì)的宣傳頁面（實在是不知道怎么描述）和我們平時電腦上訪問的頁面通過技術(shù)區(qū)分識別出來。這個功能能不能實現(xiàn)，具體怎么實現(xiàn)這里不討論，但是可以看出在業(yè)務(wù)人員和一些客戶眼里，在微信上分享的那種炫酷的頁面就是H5頁面。 那這里的 H5 還是 HTML5 嗎？ 從這種應(yīng)用上來說已經(jīng)不是了。
另外一個案例，被一個剛開始學(xué)習(xí)前端的學(xué)生問到一個問題：“React 制作的頁面都是 SPA（single page web application，單頁應(yīng)用程序） 的，那 HTML5 可以實現(xiàn) SPA 嗎？”，當(dāng)被問到這個問題的時候我一下子也不知道怎么回答，只是讓他先去學(xué)習(xí)一下 HTML5 ，以及 SPA 到底是什么？要搞清楚。 HTML是超文本標(biāo)記語言，是一種規(guī)范，一種標(biāo)準(zhǔn)，“5” 是HTML第五次重大修改，可以理解為第五個版本，包含了很多功能特性。 SPA 是通過 HTML 與 Javscript 實現(xiàn)的單頁應(yīng)用程序，就是在一個頁面上展示所有數(shù)據(jù)，通過 Javascript 去動態(tài)更新程序。所以 SPA 的實現(xiàn)和是不是 HTML5 沒有大的關(guān)系。這位同學(xué)問出這樣的問題，我的猜想是這樣的，我們在前面提到的那種在微信上分享的那種頁面大多數(shù)都是一個單頁面，然后通過手指向下滾動來瀏覽一張張炫酷的動畫。導(dǎo)致他認(rèn)為這樣的頁面就是所謂的 SPA 頁面，再加上多數(shù)人都認(rèn)為這種頁面都 HTML5 實現(xiàn)的頁面，所有他才會問出 HTML5 和 SPA 扯在一起。
我相信現(xiàn)在大多數(shù)人認(rèn)為的 H5 頁面，就是在手機(jī)微信分享的那種炫酷的網(wǎng)頁。 HTML5，作為技術(shù)人員都知道是一種標(biāo)準(zhǔn)，一種規(guī)范。
如果 H5 不等于 HTML5 了，那 H5 到底是什么呢？ 維基百科沒有定義，百度百科也沒有定義，知乎上也沒有人說清楚。沒有一個標(biāo)準(zhǔn)的定義，只在大家口口相傳，出現(xiàn)各種理解扭曲。H5 真的是一個詭異的詞。
出現(xiàn)現(xiàn)在這樣個狀況，我的猜想是這樣的，HTML5 在 2013 年左右就發(fā)布，在 2014 年底宣布標(biāo)準(zhǔn)制定完成，但是市面的瀏覽器的支持主要還是在手機(jī)上，電腦上主要有 IE 的存在導(dǎo)致標(biāo)準(zhǔn)普及緩慢，所以開始有開發(fā)者在手機(jī)上做很多酷炫的頁面，當(dāng)這些酷炫的效果在業(yè)務(wù)人員看到了以后，開始加以有效的利用，特別是在活動宣傳和廣告方面，為了宣傳業(yè)務(wù)人員會問技術(shù)人員：“這種炫酷的效果是怎么實現(xiàn)的？”，技術(shù)人員說:“我用的是HTML5的技術(shù)”。業(yè)務(wù)人員的宣傳營銷能力那是相當(dāng)厲害，在客戶面前大量的宣傳：“我們用到了一個牛逼技術(shù)，讓你的手機(jī)網(wǎng)頁非常炫酷好看”，慢慢的客戶都知道了有一種技術(shù)可以把頁面在手機(jī)上做的非常好看，非常炫酷，然后客戶又開始對其他人說：“我們的這個網(wǎng)頁用了現(xiàn)在最新的技術(shù)，叫什么什么5頁面，對H5頁面”。然后客戶之間口口相傳，當(dāng)以后遇到同樣的業(yè)務(wù)需求的時候，找另外一家供應(yīng)商說：“我要一個H5頁面，要長的類似什么..一樣的網(wǎng)頁”，然后這一家做網(wǎng)站的公司開始也把這種網(wǎng)站也開始叫著H5頁面。最后鋪天蓋地的“H5頁面”就出來了。（這里只是我的一個猜想，具體是什么個情況還有待驗證）
隨后，在一些招聘崗位出現(xiàn)了“H5開發(fā)工程師”。
書籍出現(xiàn)了 《H5營銷…》。
社會上的培訓(xùn)機(jī)構(gòu)出現(xiàn)了H5技術(shù)培訓(xùn)，“0基礎(chǔ)學(xué)習(xí)H5…”，“H5速成班”。
出現(xiàn)了很多專門做H5網(wǎng)站的公司，就連百度都有一個叫做 “百度H5”的產(chǎn)品。
這是一種健康的現(xiàn)象嗎？
我開始有點(diǎn)好奇那些培訓(xùn)機(jī)構(gòu)和相關(guān)書籍是怎么定義 H5 這個詞的。
值得高興的一件事情是，由于市場業(yè)務(wù)的推動，讓移動互聯(lián)網(wǎng)等到了快速的發(fā)展。甚至提高了前端開發(fā)在市場中的主要性。但是，還是存在一些問題。
培訓(xùn)機(jī)構(gòu)宣傳的那種 “0基礎(chǔ)120天速成H5工程師” … ，學(xué)員學(xué)習(xí)的應(yīng)該還是的前端知識，所以這里的 H5 應(yīng)該是 HTML5 標(biāo)準(zhǔn)相關(guān)體系的技術(shù)棧的培訓(xùn)。市場業(yè)務(wù)把一個以活動推廣（營銷）為導(dǎo)向的手機(jī)上炫酷的頁面理解為 H5 頁面。這是存在一個信息不對稱的問題，這個問題也經(jīng)常讓技術(shù)人員與業(yè)務(wù)人員難以溝通。
用詞不嚴(yán)謹(jǐn)，在國內(nèi)沒有一家機(jī)構(gòu)對 “H5”這個詞有合理的解釋，估計也是不好解釋。像百度這樣的 H5 產(chǎn)品，感覺他們把 H5 理解為創(chuàng)意，還有人理解為微場景，還有人理解為手機(jī)上的PPT。
把 HTML5 理解為一種技術(shù)也是不合理的，它應(yīng)該是一種規(guī)范，一種標(biāo)準(zhǔn)（多次強(qiáng)調(diào)）。
如果 HTML6 標(biāo)準(zhǔn)發(fā)布以后怎么辦？ 是不是這些所有的名稱需要換一遍，“H5網(wǎng)站”，“H6開發(fā)工程師”，“H6營銷寶典”，“請問你們公司做H6嗎？” …
回頭我們再來看一下，我們看到的那些手機(jī)炫酷的網(wǎng)站真的全是 HTML5 新特征實現(xiàn)的嗎？不一定。那是不是只用 HTML5 的新特性就能夠?qū)懗鲞@樣的網(wǎng)站呢？不一定，它有時候還需要CSS3 做動畫，用JavaScript去控制行為 。
在 2012 左右，那時候還沒有發(fā)布 HTML5，不過看到了移動互聯(lián)網(wǎng)的苗頭，我和朋友一起開始做手機(jī)建站，主要面向一些中小型企業(yè)，客戶的需求很簡單，就是通過手機(jī)可以打開自己的官方網(wǎng)站，同時可以把網(wǎng)站上的產(chǎn)品隨時隨地分享給他們的客戶看（這種需求后來被響應(yīng)式相關(guān)技術(shù)滿足了）。那時候人們理解這種網(wǎng)站就是手機(jī)網(wǎng)站。到現(xiàn)在客戶需求還是很明確，就是需要在手機(jī)上做一些博取眼球的營銷頁面，通常都是一些活動頁面。在國際上有個詞叫做 Minisite ，它的解釋是：“知名企業(yè)為了配合企業(yè)的市場運(yùn)作活動，會推出一些小型網(wǎng)站也就是MiniSite進(jìn)行線上營銷”。所以我認(rèn)為當(dāng)前市場上客戶所說的 H5 頁面，應(yīng)該是一種移動端的 MiniSite (Mobile MiniSite)。或者把它叫做 “移動營銷頁面”，簡稱 MMP (Mobile Marketing Page) 。
不過 H5 這個詞已經(jīng)很難改掉了，如果我現(xiàn)在繼續(xù)給客戶說，H5 是符合 HTML5 的簡稱，HTML5 是一種標(biāo)準(zhǔn)，一種規(guī)范，那我們討論的東西肯定不是同一個東西。
但是我希望，作為開發(fā)者，在一些技術(shù)解釋上不應(yīng)該誤導(dǎo)業(yè)務(wù)人員。作為業(yè)務(wù)人員，在對外宣傳的時候也不應(yīng)該誤導(dǎo)客戶。命名這種事情我們應(yīng)該嚴(yán)謹(jǐn)。
本文摘自：HYPERS前端團(tuán)隊博客
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
