微信小程序和HTML5應(yīng)用有什么區(qū)別？HTML英文全稱為Hyper Text Markup Language，即超文本標記語言，H5是一種技術(shù)，依附的外殼是是瀏覽器，而小程序是基于的一種不需要下載安裝

微信小程序和HTML5應(yīng)用有什么區(qū)別？

HTML英文全稱為Hyper Text Markup Language，即超文本標記語言，H5是一種技術(shù)，依附的外殼是是瀏覽器，而小程序是基于的一種不需要下載安裝即可使用的應(yīng)用。

從“前端開發(fā)”的視角來看，小程序和HTML5也存在著多方面的不同。概括來說有以下四個方面的區(qū)別！

第一條是運行環(huán)境的不同傳統(tǒng)的HTML5的運行環(huán)境是瀏覽器，包括webview，而小程序的運行環(huán)境并非完整的瀏覽器，大家注意，我這里寫的是“非完整的瀏覽器”，有以下幾個原因

小程序的開發(fā)過程中會用到html5相關(guān)的技術(shù)(并非全部)

小程序最后的發(fā)布上線需要審核，在不更新自身軟件的情況下可以將小程序更新到自身軟件內(nèi)，這就聯(lián)想到了ReactNative框架,并且已經(jīng)有開發(fā)者在小程序的開發(fā)工具源碼中發(fā)現(xiàn)使用了react和NodeWebkit庫

官方文檔中著重強調(diào)了腳本內(nèi)是無法使用瀏覽器中常用的window對象和document對象（基于這一點，像zepto/jQuery這種操作dom的庫就被完全拋棄了）

所以我個人認為，小程序的運行環(huán)境很有可能是開發(fā)團隊基于瀏覽器內(nèi)核完全重構(gòu)的一個內(nèi)置解析器，針對小程序?qū)ｉT做了優(yōu)化，配合自己定義的開發(fā)語言標準，提升了小程序的性能。

不過由于給開發(fā)者提供了開發(fā)工具，而開發(fā)工具中也內(nèi)置了編程、調(diào)試、開發(fā)環(huán)境、發(fā)布于一身，我們也不用再探討它的最終運行環(huán)境了，只要按照官方文檔進行開發(fā)就可以了。并且從團隊給開發(fā)者提供開發(fā)工具這一舉動，讓我聯(lián)想到了蘋果給開發(fā)者提供的X-CODE開發(fā)工具，可以想象的“野心”可見一斑

第二條是開發(fā)成本的不同這里我提出了一個問題，當我們面對一個Html5web開發(fā)需求時，我們需要考慮什么呢？

拋去開發(fā)工具（vscode、sublimtext、Atom等）不談，大到前端框架（Angular、react、vue、backbone等）、模塊管理工具（Webpack 、Browserify 等）、任務(wù)管理工具（Grunt、Gulp等），小到UI庫選擇、接口調(diào)用工具（ajax、Fetch Api等）、瀏覽器兼容性等都要我們一一考略，再不濟用jqery插件寫H5，也要在開發(fā)過程中去尋找合適的jquery插件來配合項目。

盡管這些工具可定制化非常高，并且提高了開發(fā)者的開發(fā)效率，但我相信項目開發(fā)的配置工作已經(jīng)消耗了不少精力，盡管大部分開發(fā)者都有自己的配置模板，但長久以來對于項目中使用的各種外部庫的版本迭代、版本升級所產(chǎn)生的成本應(yīng)該也不低。

而當我們面對一個小程序的開發(fā)需求時，我們需要考慮什么呢？團隊提供了開發(fā)者工具，并且規(guī)范了開發(fā)標準，前端常見的HTML、CSS變成了自定義的WXML、WXSS，WXML中盡管全部是自定義標簽，但官方文檔中都有明確的使用介紹，相信上手應(yīng)該是非常容易的；WXSS、JSON和js文件中的寫法稍有限制，但整體相差不多。在統(tǒng)一了這些標準之后，作為一個開發(fā)者，你會發(fā)現(xiàn)，自己只要專注寫程序就可以了：

當需要調(diào)用后端接口時，調(diào)用發(fā)起請求API

當需要上傳下載時，調(diào)用上傳下載API

當需要數(shù)據(jù)緩存時，調(diào)用本地存儲API

引入地圖、使用羅盤、調(diào)用支付、調(diào)用掃碼等等功能都可以直接使用

UI庫方面，框架自然帶有自家weui庫加成

并且在使用這些API時，你不用再去顧慮瀏覽器兼容性，不用擔心生產(chǎn)環(huán)境中出現(xiàn)不可預料的奇妙BUG，可見小程序的開發(fā)成本確實相比以往的web開發(fā)低很多。

第三條是獲取系統(tǒng)級權(quán)限的不同小程序相對于HTML5 web應(yīng)用能獲得更多的系統(tǒng)權(quán)限，比如網(wǎng)絡(luò)通信狀態(tài)、數(shù)據(jù)緩存能力等，這些系統(tǒng)級權(quán)限都可以和小程序無縫銜接，也就是官方宣稱的擁有Native App的流暢性能，而這一點恰巧是HTML5 web應(yīng)用經(jīng)常被詬病的地方，這也是HTML5的大多應(yīng)用場景被定位在業(yè)務(wù)邏輯簡單、功能單一的原因。

第四條便是應(yīng)用在生產(chǎn)環(huán)境的運行流暢度最容易區(qū)分小程序與H5的一點， 打開H5，實際上是打開一個網(wǎng)頁，而網(wǎng)頁需要在瀏覽器中渲染，面對復雜的業(yè)務(wù)邏輯或者豐富的頁面交互時頁面會卡頓。

而小程序，直接在上運行，省去了通過瀏覽器渲染的步驟，因此，在中使用小程序，才會比H5流暢很多。除了首次打開需要幾秒的加載時間外，小程序各個頁面的切換、跳轉(zhuǎn)等體驗已經(jīng)媲美原生App，非常順暢。

小程序不能跳轉(zhuǎn)外部鏈接，H5沒有限制。

概括來說、小程序相對H5有著開發(fā)成本低、功能更豐富、用戶體驗更佳的優(yōu)點。（缺點：做了很多限制，很多東西不能自定義）

以上就是我總結(jié)的小程序跟HTML5的區(qū)別?，F(xiàn)在月活9億，特別是推出大眾號今后，的月活也大幅上升，這就為小程序帶了十分便利的入口。以9億為基數(shù)，奠定了小程序的根底。

小程序不是HTML5，它是根據(jù)的獨立的開發(fā)模式，能過節(jié)約人們的開發(fā)本錢與開發(fā)周期。當然，現(xiàn)在小程序也不能徹底替代APP，今后的發(fā)展怎么樣，歡迎持續(xù)關(guān)注千鋒武漢吧！

怎樣把別人制作的H5改成自己的？

簡單的說就是利用html5制作出來的頁面。

眾多制作商都是將H5頁面拆分成模板、圖片、文字和特效四個方面，用戶可以自由選擇模板，將手機中的圖片隨意加入，并且修改文字內(nèi)容，產(chǎn)生邏輯。

在逐個添加模本文字圖片音樂等，操作簡單方便，目前已成為朋友圈的新潮流。