vuejs開發小程序
一、運行環境的不同。
傳統的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去開發,但配合微信的解析器最終渲染出來的是原生組件的效果,自然體驗上將會更進一步。請使用手機"掃一掃"x
2. web小程序開發怎麼樣
小程序開發就目前來說是很火的,相比於APP開發,小程序開發會較為容易。並且現在小程序已經涉及了200多個行業,這也是越來越多的人想要學習小程序開發的原因。
開發小程序是需要學習HTML語言、CSS、javaScript、伺服器語言、資料庫語言的,並且一個小程序的開發團隊包括項目經理、產品經理、UI設計人員、微信小程序前端開發、服務端開發、測試人員、運維人員。
3. 前端小程序開發在哪裡學習比較好
尚學堂零基礎分班教學質量還是不錯的,老師全面授課,課上講解,課下指導,360度全方位保證你的學習質量。
先給你看看一下前端路線圖:
前端技術易學不易精,既然你有興趣,那就對自己狠一點,吃得苦中苦,方為人上人!!!
4. 如何看待vuejs和小程序
框架基於 Vue.js 核心來,mpvue 修改了 Vue.js 的 runtime 和源 compiler 實現,使其可以運行在小程序環境中,從而為小程序開發引入了整套 Vue.js 開發體驗。(這段直接的)
5. 微信小程序怎麼做個簡單留言板
微信小程序來現在很火,於是也源就玩玩,做了一個簡易的留言板,讓大家看看,你們會說no picture you say a j8 a,好吧先上圖。
完美的36行,早知道wxml注釋寫一堆應該也湊個36,這個數字多順啊。
哈哈哈,好了,所有的功能代碼都在這里了,大家趕快也去玩玩吧。
6. 請問CSS,HTML,JScript大概需要學習多久才可以開發簡單的商城類的小程序
一口氣問這么多問題啊,首先css,html,js只是最基礎的東西,你想要開發小程序的話得去看微信小程序的官網文檔,當然你得先學會html,css,js正常情況一般一個月就差不多了,主要是js需要比較熟練,還有現在開發都是html5和css3了,像動畫,旋轉,過渡,視頻,音頻等都是經常用到的,在有了這些基礎之後你就可以去學習微信小程序官方文檔了,小程序的寫法用法和vue很像的,如果有開發過vue的話可以快速上手,當然沒有學過vue也不難的跟著文檔學,一般一個星期也可以上手了。對於你說的正則,其實一般就登陸頁面需要用到正則,其他的很少會用到,javascript的es6語法現在也是很重要的,像箭頭函數之類的就會經常用到。還有http協議也是需要學習的,ajax請求也是很重要的。至於後端數據一般就是node.js了
7. 微信小程序實現點擊模板進入子路由閱讀後實現閱讀量+1效果,新手小白,因為不像vue.js方便
that.setData({
['tuwen[' + a + '].guankan']:this.data.tuwen[a].guankan++
})
8. 微信小程序從js文件沒法選中wxml中組件的id么
沒法的 你要換個來思路,不能自用傳統的html+css_js的方式開發
因為小程序里js是不能直接操作頁面dom元素的,和vue框架很類似
頁面所有需要調用或者判斷的數據全都依賴setData()
比如你想點一個按鈕改變一個view的樣式,你就給這個view寫兩個Class
然後點擊事件觸發後通過setData()來綁定,讓該元素顯示哪個Class Name