視頻小程序開發(fā)教學(xué)反思(程序設(shè)計基礎(chǔ)教學(xué)反思)
副標(biāo)題小程序面世以后視頻小程序開發(fā)教學(xué)反思,盡管微信團隊做了很多關(guān)于小程序視頻小程序開發(fā)教學(xué)反思的普及功課,但是還是有很多人不太理解,最多的誤解就是把它等同于H5。
小程序由于剛推出來時開放的能力十分有限,所以在功能展示上會讓普通用戶感覺和H5一樣,并沒有什么特別之處,導(dǎo)致了部分人把兩者混為一談。實際上,小程序和H5是兩種不同的東西。
通過百度詞條可以知道,HTML英文全稱為Hyper Text Markup Language,即超文本標(biāo)記語言。而HTML5是超文本標(biāo)記語言的第五次修訂版本。
簡單來說,小程序是一種應(yīng)用,運行的環(huán)境是微信(App);H5是一種技術(shù),依附的外殼是是瀏覽器。
如果從PC端和移動端的比較來看,電腦上的軟件相當(dāng)于手機上的App,都需要下載;而通過瀏覽器打開的H5則相當(dāng)于小程序,都無需下載。
就拿看電影作為例子,PC端是從下載軟件視頻.exe到在瀏覽器打開http://shipin.com(H5);手機端則是從下載視頻App變?yōu)榇蜷_視頻小程序。
從「前端開發(fā)」的視角來看,微信小程序和H5也存在著多方面的不同。概括來說有以下四個方面的區(qū)別。
一、運行環(huán)境的不同
展開全文
H5的運行環(huán)境是瀏覽器,包括webview,而微信小程序的運行環(huán)境并非完整的瀏覽器,因為小程序的開發(fā)過程中只用到一部分H5技術(shù)。
小程序的運行環(huán)境是微信開發(fā)團隊基于瀏覽器內(nèi)核完全重構(gòu)的一個內(nèi)置解析器,針對性做了優(yōu)化,配合自己定義的開發(fā)語言標(biāo)準(zhǔn),提升了小程序的性能。
官方文檔表明腳本內(nèi)無法使用瀏覽器中常用的window對象和document對象(基于這一點,像zepto/jquery這種操作dom的庫就被完全拋棄了)。
不過微信給開發(fā)者提供了開發(fā)工具,內(nèi)置了編程、調(diào)試、開發(fā)環(huán)境以及發(fā)布,開發(fā)者只需按照官方文檔進行開發(fā),就能保證小程序在微信內(nèi)穩(wěn)定運行。
二、開發(fā)成本的不同
H5 的開發(fā),涉及開發(fā)工具(vscode、Atom等)、前端框架(Angular、react等)、模塊管理工具(Webpack 、Browserify 等)、任務(wù)管理工具(Grunt、Gulp等),還有UI庫選擇、接口調(diào)用工具(ajax、Fetch Api等)、瀏覽器兼容性等等。
盡管這些工具可定制化非常高,大部分開發(fā)者也有自己的配置模板,但對于項目中各種外部庫的版本迭代、版本升級,這些成本加在一起那就是個不小數(shù)目了。
而開發(fā)一個微信小程序,由于微信團隊提供了開發(fā)者工具,并且規(guī)范了開發(fā)標(biāo)準(zhǔn),則簡單得多。前端常見的HTML、CSS變成了微信自定義的WXML、WXSS,官方文檔中都有明確的使用介紹,開發(fā)者按照說明專注寫程序就可以了。
需要調(diào)用后端接口時,調(diào)用發(fā)起請求API;需要上傳下載時,調(diào)用上傳下載API;需要數(shù)據(jù)緩存時,調(diào)用本地存儲API;引入地圖、使用羅盤、調(diào)用支付、調(diào)用掃碼等等功能都可以直接使用;UI庫方面,框架帶有自家weui庫加成。
并且在使用這些API時,不用考慮瀏覽器兼容性,不用擔(dān)心出現(xiàn)BUG,顯而易見微信小程序的開發(fā)成本相對低很多。
三、獲取系統(tǒng)級權(quán)限的不同
微信小程序相對于H5能獲得更多的系統(tǒng)權(quán)限,比如網(wǎng)絡(luò)通信狀態(tài)、數(shù)據(jù)緩存能力等,這些系統(tǒng)級權(quán)限都可以和微信小程序無縫銜接。
而這一點恰巧是H5 被詬病的地方,這也是HL5的大多應(yīng)用場景被定位在業(yè)務(wù)邏輯簡單、功能單一的原因。
四、運行流暢度的不同
在運行流暢度方面,無論對于用戶還是開發(fā)者,都可以直觀體驗出兩者的差異。這也是普通大眾最容易區(qū)分小程序與H5的一點。
打開H5,實際上是打開一個網(wǎng)頁,而網(wǎng)頁需要在瀏覽器中渲染。所以加載這一過程,會給人明顯的「卡頓」感覺,面對復(fù)雜的業(yè)務(wù)邏輯或者豐富的頁面交互時尤為明顯。
而微信小程序,它的代碼直接在微信上運行,省去了通過瀏覽器渲染的步驟,因此,在微信中使用小程序,才會比H5流暢很多。
除了首次打開需要幾秒的加載時間外,小程序各個頁面的切換、跳轉(zhuǎn)等體驗已經(jīng)媲美原生App,有著同樣的柔絲般順滑的效果。
概括來說,小程序相對H5有著開發(fā)成本低、功能更豐富、使用體驗更佳的優(yōu)點。其實大家最應(yīng)該關(guān)注的一點是,小程序領(lǐng)域目前是一片藍海,對于個人就業(yè)、商家做生意以及技術(shù)團隊創(chuàng)業(yè)都有著不少的機會,大家應(yīng)該多想想怎么分得這塊蛋糕。
小程序科普:關(guān)于小程序,視頻小程序開發(fā)教學(xué)反思你有什么想問的呢?歡迎關(guān)注「造程序」公眾號,在文章評論區(qū)或者微信對話框給我們留言,所有問題都有機會出現(xiàn)在「科普」欄目被解答。
PS.提問之前可以先到:公眾號底部菜單欄 >「要造程序」>「科普」欄目瀏覽,或許已經(jīng)有答案等著你視頻小程序開發(fā)教學(xué)反思!
小程序科普:關(guān)于小程序,你有什么想問的呢?歡迎關(guān)注「造程序」公眾號,在文章評論區(qū)或者微信對話框給我們留言,所有問題都有機會出現(xiàn)在「科普」欄目被解答。
PS.提問之前可以先到:公眾號底部菜單欄 >「要造程序」>「科普」欄目瀏覽,或許已經(jīng)有答案等著你!
相關(guān)文章
- 1有關(guān)于互聯(lián)網(wǎng)的新聞稿范文(有關(guān)于互聯(lián)網(wǎng)的新聞稿范文嗎)
- 2凱里網(wǎng)站建設(shè)(凱里網(wǎng)絡(luò)科技有限公司)
- 3互聯(lián)網(wǎng)最前沿新聞(互聯(lián)網(wǎng)最前沿新聞報道)
- 4互聯(lián)網(wǎng)產(chǎn)品最新消息新聞(互聯(lián)網(wǎng)產(chǎn)品最新消息新聞報道)
- 5網(wǎng)站建設(shè)完成后主要的推廣途徑和推廣要點
- 6銀行互聯(lián)網(wǎng)技術(shù)新聞(銀行互聯(lián)網(wǎng)技術(shù)新聞發(fā)布會)
- 7互聯(lián)網(wǎng)新聞信息不規(guī)范問題(互聯(lián)網(wǎng)新聞信息不規(guī)范問題整改)
- 8職業(yè)網(wǎng)站建設(shè)分析(網(wǎng)站建設(shè)是什么職業(yè))
- 9包含武安網(wǎng)站建設(shè)的詞條
- 10上海小程序開發(fā)有哪些(上海小程序的公司有哪些)
聯(lián)絡(luò)方式:
電話:131 0763 2710

-
互聯(lián)網(wǎng)新聞行業(yè)(新聞行業(yè)在互聯(lián)網(wǎng)時代的發(fā)展)
1高校教師 因為新聞傳播學(xué)既具有理論的成分互聯(lián)網(wǎng)新聞行業(yè),又很實務(wù),因此就業(yè)的前景也非常廣闊,其屬新興學(xué)科正處于迅速發(fā)展之中,極缺高校教師,因此研究生畢業(yè)后即可進入高校教書...
-
營銷小程序開發(fā)報價(營銷小程序開發(fā)報價怎么寫)
微信小程序自出現(xiàn)之日起就以“不用下載、用完既走、節(jié)省空間、開發(fā)成本低”等優(yōu)點成為應(yīng)用程序行業(yè)的新寵營銷小程序開發(fā)報價,尤其是在旅游業(yè)和餐飲行業(yè),小程序所能帶來的...
-
網(wǎng)站模板建設(shè)專家的簡單介紹
1極簡慕楓PithyMfweb 服務(wù)過華為迪卡儂首鋼基金惠爾頓等數(shù)多家大公司網(wǎng)站模板建設(shè)專家,擅長高級定制,流程和服務(wù)專業(yè),在網(wǎng)頁設(shè)計內(nèi)容布局網(wǎng)頁設(shè)計網(wǎng)站維護前端交互線上發(fā)布網(wǎng)站...
-
邵陽運營營銷型網(wǎng)站怎么做(58同城邵陽網(wǎng)站建設(shè)_網(wǎng)站制作_網(wǎng)站推廣)
更重要邵陽運營營銷型網(wǎng)站怎么做的是它24小時不知疲憊營銷型網(wǎng)站是對網(wǎng)站邵陽運營營銷型網(wǎng)站怎么做的發(fā)展邵陽運營營銷型網(wǎng)站怎么做,整合邵陽運營營銷型網(wǎng)站怎么做了各種網(wǎng)絡(luò)...
-
互聯(lián)網(wǎng)對新聞業(yè)的有益(互聯(lián)網(wǎng)的發(fā)展和科技的進步,對新聞傳播業(yè)是否有影響)
網(wǎng)絡(luò)新聞不僅推動了傳統(tǒng)媒體資源互聯(lián)網(wǎng)對新聞業(yè)的有益的轉(zhuǎn)型發(fā)展互聯(lián)網(wǎng)對新聞業(yè)的有益,整合與創(chuàng)新互聯(lián)網(wǎng)對新聞業(yè)的有益,同時也對傳統(tǒng)媒體產(chǎn)生了巨大沖擊網(wǎng)絡(luò)媒體的即時性海量...