整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          Kendo UI:2014年移動調(diào)查報告:HTML5

          Kendo UI:2014年移動調(diào)查報告:HTML5 vs 原生之辯

          endo UI調(diào)查后得出的幾個關(guān)鍵結(jié)論:

          • 移動應(yīng)用開發(fā)不存在’one-size-fits-all’(萬全之策)的解決方案。無論是采用混合、HTML5還是原生,許多開發(fā)者在項目的中期總會發(fā)現(xiàn)他們最開始采用的方法并不是最佳方案

          • Web混合(Hybrid)應(yīng)用正在成為熱門趨勢

          • Web平臺(HTML5 & JavaScript)是創(chuàng)建跨平臺應(yīng)用的首選

          還在一條道走到黑?out了!

          一直以來,人們在將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)確判斷哪一種方式是最佳的方案。

          HTML5開發(fā)受追捧,原生開發(fā)被冷落

          原生開發(fā)雖然具有性能高、可訪問手機(jī)所有功能、可線下使用等先天優(yōu)勢。但在開發(fā)階段卻是困難重重,比如開發(fā)周期長、支持設(shè)備有限、上線時間不確定等問題。在今年的調(diào)查中可以看到,越來越多的開發(fā)者選擇純HTML5開發(fā)跨平臺應(yīng)用,而純原生應(yīng)用越來越少:

          無論是HTML5還是原生,適合才是王道

          在被問到開發(fā)原生應(yīng)用的中途是否又換成了HTML5應(yīng)用開發(fā),40%的人回答了”Yes”。而將這個問題反過來,31%的人回答了”Yes”。這個比例不相上下,證明其實無論是HTML5還是原生,只要適合自己的項目需求,它就是好方法。

          大部分對HTML5企業(yè)級開發(fā)有信心

          選擇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ā)商務(wù)應(yīng)用過半 B2C是主流

          你使用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%。

          HTML5已成跨平臺開發(fā)首選

          隨著越來越多的用戶從桌面/Web轉(zhuǎn)移到移動端,53%的人選擇采用HTML5創(chuàng)建跨平臺應(yīng)用,可見HTML5已經(jīng)成為跨平臺移動開發(fā)的首選。

          大部分人認(rèn)為混合開發(fā)可節(jié)省大量成本

          調(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%的成本。

          結(jié)論

          事實勝于雄辯,HTML5/Hybrid確實正在成為越來越多移動開發(fā)者的選擇,但絕不是未來唯一的選擇。我們應(yīng)該認(rèn)清,HTML5、混合及原生技術(shù)都有各自的優(yōu)勢,不能單純的認(rèn)為HTML5好或者原生好。而我們應(yīng)該做的是根據(jù)自己的需求、定位和預(yù)算,去選擇最佳的解決方案。


          數(shù)據(jù)隨身查,添加官方微信公共帳號:i199it

          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 這個詞的由來?

          如果 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) 。

          結(jié)束

          不過 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)隊博客


            主站蜘蛛池模板: 国产主播在线一区| 3D动漫精品一区二区三区| 内射一区二区精品视频在线观看| AA区一区二区三无码精片| 精品熟人妻一区二区三区四区不卡 | 久久综合精品不卡一区二区| 中文字幕色AV一区二区三区| 久久久91精品国产一区二区| 中文字幕一区二区精品区| 亚洲爆乳精品无码一区二区| 精品一区二区三区中文| 无码毛片一区二区三区中文字幕 | 中日韩一区二区三区| 久久久无码精品国产一区| 无码国产精品一区二区免费| 国产亚洲福利一区二区免费看| 不卡无码人妻一区三区音频| 亚洲天堂一区二区三区| 国产成人一区二区精品非洲 | 国产剧情国产精品一区| 精品午夜福利无人区乱码一区| 精品无码中出一区二区| 伊人激情AV一区二区三区| 亚洲国产AV无码一区二区三区 | 中日韩一区二区三区| 亚洲av色香蕉一区二区三区| 一区二区高清视频在线观看| 在线播放国产一区二区三区 | 在线精品亚洲一区二区三区| 精品黑人一区二区三区| 一区二区三区在线看| 国产一区二区三区乱码网站| 国产精品免费一区二区三区| 亚洲AV无码国产精品永久一区| 久久久久人妻一区精品| 国产一区二区好的精华液| 亚洲日韩激情无码一区 | 精品中文字幕一区二区三区四区| 久久国产一区二区| 美女免费视频一区二区三区| 久久精品午夜一区二区福利|