當前位置:編程學習大全網 - 源碼下載 - 可否將後端部署在開發者PC上便與調試.+小程序開發

可否將後端部署在開發者PC上便與調試.+小程序開發

作為前端工程師,從前端的視角,為大家分析下微信小程序和HTML5與之間的主要區別

第壹條是運行環境的不同。

傳統的HTML5的運行環境是瀏覽器,包括webview,而微信小程序的運行環境並非完整的瀏覽器,大家註意,我這裏寫的是“非完整的瀏覽器”,有以下幾個原因

小程序的開發過程中會用到HTML5相關的技術(並非全部)

小程序最後的發布上線需要微信審核,微信在不更新自身軟件的情況下可以將小程序更新到自身軟件內,這就聯想到了React Native框架,並且已經有開發者在微信小程序的開發工具源碼中發現使用了React和NodeWebkit庫

官方文檔中著重強調了腳本內是無法使用瀏覽器中常用的window對象和document對象(基於這壹點,像zepto/jquery這種操作dom的庫就被完全拋棄了)

所以我個人認為,小程序的運行環境很有可能是微信開發團隊基於瀏覽器內核完全重構的壹個內置解析器,針對小程序專門做了優化,配合自己定義的開發語言標準,提升了小程序的性能。

不過由於微信給開發者提供了開發工具,而開發工具中也內置了編程、調試、開發環境、發布於壹身,我們也不用再探討它的最終運行環境了,只要按照官方文檔進行開發就可以了。並且從微信團隊給開發者提供開發工具這壹舉動,讓我聯想到了蘋果給開發者提供的X-CODE開發工具,可以想象微信的“野心”可見壹斑

第二條是開發成本的不同。

這裏我提出了壹個問題,當我們面對壹個HTML5 web開發需求時,我們需要考慮什麽呢?拋去開發工具(vscode、sublimtext、Atom等)不談,大到前端框架(Angular、react、vue、backbone等)、模塊管理工具(Webpack 、Browserify 等)、任務管理工具(Grunt、Gulp等),小到UI庫選擇、接口調用工具(ajax、Fetch Api等)、瀏覽器兼容性等都要我們壹壹考略,再不濟用jqery插件寫H5,也要在開發過程中去尋找合適的jquery插件來配合項目。盡管這些工具可定制化非常高,並且提高了開發者的開發效率,但我相信項目開發的配置工作已經消耗了不少精力,盡管大部分開發者都有自己的配置模板,但長久以來對於項目中使用的各種外部庫的版本叠代、版本升級所產生的成本應該也不低。

而當我們面對壹個微信小程序的開發需求時,我們需要考慮什麽呢?微信團隊提供了開發者工具,並且規範了開發標準,前端常見的HTML、CSS變成了微信自定義的WXML、WXSS,WXML中盡管全部是自定義標簽,但官方文檔中都有明確的使用介紹,相信上手應該是非常容易的;WXSS、JSON和JS文件中的寫法稍有限制,但整體相差不多。在統壹了這些標準之後,作為壹個開發者,妳會發現,自己只要專註寫程序就可以了:

當需要調用後端接口時,調用發起請求API

當需要上傳下載時,調用上傳下載API

當需要數據緩存時,調用本地存儲API

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

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

並且在使用這些API時,妳不用再去顧慮瀏覽器兼容性,不用擔心生產環境中出現不可預料的奇妙BUG,可見微信小程序的開發成本確實相比以往的web開發低很多。

第三條是獲取系統級權限的不同。

微信小程序相對於HTML5 web應用能獲得更多的系統權限,比如網絡通信狀態、數據緩存能力等,這些系統級權限都可以和微信小程序無縫銜接,也就是官方宣稱的擁有Native App的流暢性能,而這壹點恰巧是HTML5 web應用經常被詬病的地方,這也是HTML5的大多應用場景被定位在業務邏輯簡單、功能單壹的原因。

第四條便是應用在生產環境的運行流暢度。

這條無論對於用戶還是開發者來說,都是最直觀的感受。長久以來,當HTML5應用面對復雜的業務邏輯或者豐富的頁面交互時,它的體驗總是不盡人意,需要不斷的對項目優化來提升用戶體驗。但是由於微信小程序運行環境獨立,盡管同樣用html+css+js去開發,但配合微信的解析器最終渲染出來的是原生組件的效果,自然體驗上將會更進壹步。妳可以通過第三方開發商西裏奧布科技獲取微信小程序。

  • 上一篇:Apicloud社區源代碼
  • 下一篇:筆記會議和初級、中級、高級會計有什麽區別?
  • copyright 2024編程學習大全網