微信小程序開發(fā)制作專員為你講解小程序和H5網站有什么不一樣
發(fā)布時間：2020/9/15 15:31:01 作者：鄭州網站建設小編 來源：網站開發(fā)小U 瀏覽量：
【微信小程序開發(fā)制作專員為你講解小程序和H5網站有什么不一樣】
近些年來，隨著h5和微信小程序的盛行，給廣告業(yè)帶來一抹新的綠。今天小程序制作小編就從專業(yè)的角度為大家分析下微信小程序和HTML5與之間的主要區(qū)別。
第一條是運行環(huán)境的不同。
傳統(tǒng)的HTML5的運行環(huán)境是瀏覽器，包括webview，而微信小程序的運行環(huán)境并非完整的瀏覽器，大家注意，我這里寫的是“非完整的瀏覽器”，有以下幾個原因
小程序的開發(fā)過程中會用到HTML5相關的技術(并非全部)
小程序最后的發(fā)布上線需要微信審核，微信在不更新自身軟件的情況下可以將小程序更新到自身軟件內，這就聯(lián)想到了React Native框架,并且已經有開發(fā)者在微信小程序的開發(fā)工具源碼中發(fā)現(xiàn)使用了React和NodeWebkit庫
官方文檔中著重強調了腳本內是無法使用瀏覽器中常用的window對象和document對象(基于這一點，像zepto/jquery這種操作dom的庫就被完全拋棄了)
所以我個人認為，小程序的運行環(huán)境很有可能是微信開發(fā)團隊基于瀏覽器內核完全重構的一個內置解析器，針對小程序專門做了優(yōu)化，配合自己定義的開發(fā)語言標準，提升了小程序的性能。
不過由于微信給開發(fā)者提供了開發(fā)工具，而開發(fā)工具中也內置了編程、調試、開發(fā)環(huán)境、發(fā)布于一身，我們也不用再探討它的最終運行環(huán)境了，只要按照官方文檔進行開發(fā)就可以了。并且從微信團隊給開發(fā)者提供開發(fā)工具這一舉動，讓我聯(lián)想到了蘋果給開發(fā)者提供的X-CODE開發(fā)工具，可以想象微信的“野心”可見一斑
第二條是開發(fā)成本的不同。
這里我提出了一個問題，當我們面對一個HTML5 web開發(fā)需求時，我們需要考慮什么呢?拋去開發(fā)工具(vscode、sublimtext、Atom等)不談，大到前端框架(Angular、react、vue、backbone等)、模塊管理工具(Webpack 、Browserify 等)、任務管理工具(Grunt、Gulp等)，小到UI庫選擇、接口調用工具(ajax、Fetch Api等)、瀏覽器兼容性等都要我們一一考略，再不濟用jqery插件寫H5，也要在開發(fā)過程中去尋找合適的jquery插件來配合項目。盡管這些工具可定制化非常高，并且提高了開發(fā)者的開發(fā)效率，但我相信項目開發(fā)的配置工作已經消耗了不少精力，盡管大部分開發(fā)者都有自己的配置模板，但長久以來對于項目中使用的各種外部庫的版本迭代、版本升級所產生的成本應該也不低。
而當我們面對一個微信小程序的開發(fā)需求時，我們需要考慮什么呢?微信團隊提供了開發(fā)者工具，并且規(guī)范了開發(fā)標準，前端常見的HTML、CSS變成了微信自定義的WXML、WXSS，WXML中盡管全部是自定義標簽，但官方文檔中都有明確的使用介紹，相信上手應該是非常容易的;WXSS、JSON和JS文件中的寫法稍有限制，但整體相差不多。在統(tǒng)一了這些標準之后，作為一個開發(fā)者，你會發(fā)現(xiàn)，自己只要專注寫程序就可以了：
當需要調用后端接口時，調用發(fā)起請求API
當需要上傳下載時，調用上傳下載API
當需要數(shù)據緩存時，調用本地存儲API
引入地圖、使用羅盤、調用支付、調用掃碼等等功能都可以直接使用
UI庫方面，框架自然帶有自家weui庫加成
并且在使用這些API時，你不用再去顧慮瀏覽器兼容性，不用擔心生產環(huán)境中出現(xiàn)不可預料的奇妙BUG，可見微信小程序的開發(fā)成本確實相比以往的web開發(fā)低很多。
第三條是獲取系統(tǒng)級權限的不同。
微信小程序相對于HTML5 web應用能獲得更多的系統(tǒng)權限，比如網絡通信狀態(tài)、數(shù)據緩存能力等，這些系統(tǒng)級權限都可以和微信小程序無縫銜接，也就是官方宣稱的擁有Native App的流暢性能，而這一點恰巧是HTML5 web應用經常被詬病的地方，這也是HTML5的大多應用場景被定位在業(yè)務邏輯簡單、功能單一的原因。
第四條便是應用在生產環(huán)境的運行流暢度。
這條無論對于用戶還是開發(fā)者來說，都是最直觀的感受。長久以來，當HTML5應用面對復雜的業(yè)務邏輯或者豐富的頁面交互時，它的體驗總是不盡人意，需要不斷的對項目優(yōu)化來提升用戶體驗。但是由于微信小程序運行環(huán)境獨立，盡管同樣用html+css+js去開發(fā)，但配合微信的解析器最終渲染出來的是原生組件的效果，自然體驗上將會更進一步。
偉置電子鄭州網站建設公司成立與2014年，我們提供品牌高端網站建設、網站制作、網站設計、營銷型網站建設、小程序開發(fā)、微信公眾號開發(fā)、網站優(yōu)化、品牌口碑營銷服務，提供專業(yè)營銷思路、內容策劃、視覺設計、程序開發(fā)來完成項目落地，通過搜索排名、內容社交、短視頻等流量渠道，為品牌和企業(yè)提供源源不斷的流量和訂單轉化。
【本文標題和網址】：微信小程序開發(fā)制作專員為你講解小程序和H5網站有什么不一樣 http://www.jtcmc.com/webnews/xiaochengxu/2515.html
您可能對以下新聞還有興趣 其它偉置新聞鄭州浩方網絡科技
專注于鄭州網站建設 營銷型網站開發(fā)
豫公網安備 41010302002361號
