今天給各位分享從技術(shù)角度分析微信小程序開發(fā)的知識(shí)，其中也會(huì)對(duì)微信小程序采用什么技術(shù)開發(fā)進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、寫給Android開發(fā)者看的『微信小程序和Android開發(fā)的對(duì)比』
• 2、微信小程序是用什么技術(shù)實(shí)現(xiàn)的？
• 3、如何看待微信小程序
• 4、微信小程序開發(fā)有哪些特點(diǎn)
• 5、如何開發(fā)微信小程序需要哪些技術(shù)
• 6、微信小程序開發(fā)主要用到什么技術(shù)

寫給Android開發(fā)者看的『微信小程序和Android開發(fā)的對(duì)比』

微信小程序近期可謂是動(dòng)作頻出，僅最近新增的能力就有：

種種跡象表明，微信對(duì)小程序的期望值是很大，所以在它推出的幾個(gè)月效果沒到達(dá)預(yù)期的情況下，之前的很多『克制』也就逐漸變成『放肆』了 —— 不過不管小程序以后的發(fā)展到底怎樣，對(duì)我們開發(fā)者來發(fā)，多了解一些總是沒有壞處的。

他山之石，可以攻玉。

對(duì)于是技術(shù)人來說，多了解一些不同的技術(shù)、不同的開發(fā)模式、不同的架構(gòu)思想，提高技術(shù)『廣度』，對(duì)于自己的成長是十分必要的。

所以，本文就是從一個(gè) Android 開發(fā)者的角度，從項(xiàng)目工程方便切入，來分析一下『微信小程序』跟『Android App』開發(fā)上的一些異同。

『微信小程序』開發(fā)是一個(gè)相對(duì)較新的技術(shù)，希望通過本文，能讓你對(duì)它多一些了解。

因?yàn)閮?nèi)容是從Android開發(fā)的角度來談的，所以我假設(shè)你已經(jīng)對(duì) Android 開發(fā)比較熟悉了。并且對(duì)微信小程序的開發(fā)也比較感興趣，如果要是再能有些 javascript、css 的基礎(chǔ)的話那就更好了！

Android 開發(fā)我們已經(jīng)比較熟悉——

作為對(duì)比，進(jìn)行微信小程序開發(fā)所用的語言是這些——

wxml (WeiXin Markup Language) 基本約等于是 xml。微信之所以沒有直接使用 xml ，可能是為了以后擴(kuò)展方便一些（野心很大）。

同理， wxss (WeiXin Style Sheets) 基本約等于是 css。也是微信擴(kuò)展了一些功能，比如統(tǒng)一的尺寸單位 rpx 。

對(duì)于 Android 來說，對(duì)于頁面的描述基本上在 xml 中定義的，比如：

這是一個(gè)簡單的典型的示例，這個(gè)文件就是描述了兩部分內(nèi)容：

some.wxss:

很明顯可以看出：wxml 是負(fù)責(zé)了 頁面結(jié)構(gòu) 的展示；而 wxss 則負(fù)責(zé)了對(duì) 頁面樣式 的定義。

這種把結(jié)構(gòu)和樣式分離的做法，其實(shí)是延續(xù)了網(wǎng)頁開發(fā)中的習(xí)慣（html + css）。

這樣做的好處起碼有兩個(gè)：

——看起來還是挺簡單的結(jié)構(gòu):

這三個(gè)文件用以描述小程序 app 相關(guān)的內(nèi)容，他們的命名是固定這樣的，位置也固定是在根目錄下。

app.js 基本相當(dāng)于 Android 中的 Application 類，文件中主要是有一個(gè) App() 函數(shù)，來進(jìn)行小程序的初始化操作。

app.json 的作用跟 Android 中的 AndroidMainifest.xml 文件很相似 —— 都是靜態(tài)化的配置文件。

app.wxss 定義全局的樣式 —— 其定義的樣式會(huì)作用于每個(gè)頁面。比如在 app.wxss 中加入：

就可以給所有的 text 控件添加 5px 的 padding 。

當(dāng)然，頁面本身的 xxPage.wxss 可以定義局部樣式來覆蓋全局樣式。

根目錄下的 utils 文件夾中有一個(gè) util.js 文件，這個(gè)故名思意，是類似于 Java 中的一些工具類的存在。

utils 文件夾其實(shí)是一個(gè)非必須的結(jié)構(gòu)，而它之所以出現(xiàn)在官方的 HelloWorld 工程中，是作為一個(gè)代表，表明了開發(fā)者在這里是可以自定義新的文件夾和結(jié)構(gòu)的。微信小程序作為一個(gè)使用 js 來開發(fā)的平臺(tái)，是可以使用許多第三方的 js 庫的，對(duì)于這些第三方庫，以及其他的圖片資源等，都可以放到自定義的文件夾中。

pages 文件夾下包含兩個(gè)子目錄：index 和 logs ，兩個(gè)目錄的結(jié)構(gòu)都是基本一樣的，都是包含四個(gè)相同主名稱的文件： xx.js、xx.wxml、xx.json、xx.wxss 這幾個(gè)文件。

這樣的一個(gè)典型結(jié)構(gòu)表明它是一個(gè)小程序的頁面，四個(gè)文件的作用分別是：

在視圖的動(dòng)態(tài)顯示上，微信小程序使用了 數(shù)據(jù)綁定（data-binding） 的方式。

如果你之前使用過 AngularJS 或者 Vue.js 等這些流行的 js 框架，那么你肯定對(duì) 數(shù)據(jù)綁定 并不陌生。它是一種把一個(gè)控件的屬性綁定到某個(gè)數(shù)據(jù)對(duì)象（view-model）的屬性的方法，這樣在改變數(shù)據(jù)對(duì)象屬性的時(shí)候，所對(duì)應(yīng)的控件屬性也就會(huì)相應(yīng)變化 —— 在開發(fā)中，這種方式會(huì)使得對(duì) View 層的顯示控制變得十分簡單、自然。

基于此，軟件工程的流行架構(gòu)方式也在之前的 MVC 、 MVP 之外，又多了一個(gè) —— MVVM（Model-View-ViewModel） 。

數(shù)據(jù)綁定 這種方式現(xiàn)在是如此的流行，以致于 Android 官方都出了一個(gè) [Data Binding Library] ( ) 來支持?jǐn)?shù)據(jù)綁定，但是由于成熟度等原因，目前還并沒有成為主流，Android 中的主流視圖顯示方式，還是通過開發(fā)者手動(dòng)給每個(gè)控件 set 數(shù)據(jù)。

—— 單從這一點(diǎn)上看，微信小程序的開發(fā)模式是比原生 Andorid 要『先進(jìn)』一些的~ ??

小程序雖然是和前端 H5 頁面一樣是用 js 來開發(fā)，但是由于它最終運(yùn)行的平臺(tái)不再是瀏覽器，而是和 App 的表現(xiàn)幾無二致，所以頁面的生命周期也是和 App 差不多的。

一個(gè)小程序頁面的典型生命周期如下：

對(duì)比一下 Android 的 Activity 生命周期 ：

微信小程序的頁面生命周期稍微簡單一些，但主要的思想跟 Activity 生命周期基本是一致的。

小程序的官方 IDE 是微信自己出品 微信Web開發(fā)者工具 ，它內(nèi)置了一個(gè)小程序的運(yùn)行環(huán)境，本質(zhì)上是基于 Chrome 內(nèi)核的一個(gè)瀏覽器框架，算是一個(gè)模擬器了。

——它雖然跟 Android 的各種高大上的模擬器相比起來略顯簡陋，但是基本該有的功能也基本都有（斷點(diǎn)、Log、網(wǎng)絡(luò)監(jiān)控等），而且由于是基于瀏覽器內(nèi)核的頁面 DOM 解析，所以運(yùn)行的速度也是像瀏覽器打開網(wǎng)頁一樣流暢，不會(huì)像 Android 模擬器那樣對(duì)系統(tǒng)資源要求很高。

另外，在綁定了開發(fā)者賬號(hào)之后，也可以用手機(jī)進(jìn)行真機(jī)調(diào)試來調(diào)試小程序，所以也能在上線前用不同的機(jī)器來進(jìn)行充分的兼容性測試。

總體來說，小程序作為一個(gè)新的形態(tài)，從開發(fā)的角度，它可以算作是一個(gè)【Native開發(fā)】和【H5開發(fā)】的結(jié)合，它吸收了原生開發(fā)和 H5 開發(fā)的優(yōu)點(diǎn)。對(duì)于前端開發(fā)人員和原生開發(fā)人員來說，都可以在微信小程序中找到許多熟悉的東西。再細(xì)節(jié)的許多點(diǎn)這里就不在贅述了，大家如果有興趣，可以自己上手去體驗(yàn)一下。

綜上，自然也就有兩種人特別適合去做小程序的開發(fā)——H5的前端開發(fā)人員，以及之前的 Android/iOS 原生 App 開發(fā)者。

微信小程序的開發(fā)總體來說是很簡單的。

—— 對(duì)于前端開發(fā)者來說，了解一下原生 App 的一些相關(guān)思想即可，這些工作其實(shí)只要讀一遍小程序的開發(fā)者指南基本就差不多了。

—— 而對(duì)于原生開發(fā)者來說，只要稍微補(bǔ)一下 js 的相關(guān)知識(shí)（html/css），也基本就差不多可以上手去做了。如果你之前恰好已經(jīng)有過一些 js 的使用經(jīng)驗(yàn)，那就不用多說了，花半個(gè)小時(shí)看一下小程序的文檔，直接上！

關(guān)于作者 :

微信小程序是用什么技術(shù)實(shí)現(xiàn)的？

一、微信小程序的wxml

具有基本的編程經(jīng)驗(yàn)的工程師，只有與wxml接觸后，您才會(huì)發(fā)現(xiàn)該語言的編程概念類似于html網(wǎng)頁的編程技術(shù)。經(jīng)過一番研究和開發(fā)，您會(huì)知道微信小程序的要求技術(shù)含量不高，只是更換了一些標(biāo)簽，例如

已替換為等待狀態(tài)。即使您不太擅長前端，轉(zhuǎn)用微信小程序的發(fā)展也將是一個(gè)很好的方向。

二、微信小程序的wxss

wxss是微信的CSS。微信用自己的開發(fā)語言wxss代替了Web編程中使用的css；實(shí)際上，主要的實(shí)現(xiàn)思想與Web開發(fā)技術(shù)基本相同，并且它只是對(duì)某些標(biāo)簽的簡單替換，其中大部分是原始的CSS，基本上是正確的。它們都是通過調(diào)用同一頁面來實(shí)現(xiàn)的，但是可以說，微信小程序比Web開發(fā)更簡單，更方便。例如，只要寫入index.wxml和index.wxss，它就位于兩個(gè)文件中。這兩個(gè)文件同時(shí)位于同一目錄中，就像直接在網(wǎng)頁上寫CSS一樣，這既簡單又快速。

三、微信小程序的js

如果要開發(fā)微信小程序，您必須精通微信小程序的js。只要您具有html+css+js的良好基礎(chǔ)，就可以全力學(xué)習(xí)微信小程序js，然后在前端進(jìn)行開發(fā)。上面沒有問題，但是微信js需要努力學(xué)習(xí)。您可以購買參考書或了解微信小程序的API，它們可以快速幫助您參與開發(fā)隊(duì)列。

四、微信小程序的json

掌握了以上幾點(diǎn)之后，您需要掌握json。簡而言之，json是微信小程序的主要和次要接口。工程師可以通過json控制上下菜單欄，主要和輔助頁面的顯示順序。但是，使用頻率不高。它僅適用于基本小程序的框架，但這也需要學(xué)習(xí)，因?yàn)槌@示類型外，每個(gè)前端操作都需要與后端匹配，因?yàn)槿绻蛊浞糯?，則必須之所以簡化，是因?yàn)樾薷拇a后，在迷你程序中搜索到的版本就是啟動(dòng)后的版本，即我們提交微信評(píng)論后顯示的版本。修改源代碼后，需要將其提交給微信公眾進(jìn)行審核。平臺(tái)小程序管理平臺(tái)，用戶只能在審核通過后才能看到您的修改，因此，為避免這種麻煩，您必須了解后端技術(shù)開發(fā)并與前端鏈接以與您進(jìn)行交流。

實(shí)際上，小程序類似于H5表面，并提供了視圖層描述語言。您需要掌握WXML和WXSS以及基于JavaScript的邏輯層框架。這里的wxml等同于html，而wxss等同于CSS。

如何看待微信小程序

最近微信小程序比較火，我趕快在書架上拿出三年前買的書，把上面的土擦干凈，壓壓驚。

作為一個(gè)并不是資深的程序員。 從程序員的角度分析一下微信小程序，歡迎指點(diǎn)。

首先吐槽

微信小程序只發(fā)了200個(gè)邀請(qǐng)?zhí)枺臀翌A(yù)想的一樣，張小龍并沒有翻我牌，難道就不能雨露均沾嗎？

先來了解下什么是微信小程序。 轉(zhuǎn)自知乎

微信也許重申了"我們是一款約炮軟件"

微信還提供了一大堆接口和組件（不好意思，說了句廢話）。

下面是禪叔的觀點(diǎn)：

小程序原理就是用JS調(diào)用底層native組件，和React Native非常類似。恰恰又證明了，凡是能用JS開發(fā)的最終都會(huì)用JS開發(fā)。

證明：凡是能用JS開發(fā)的最終都會(huì)用JS開發(fā)

解：

據(jù)我多年經(jīng)驗(yàn)，這句話是一個(gè)真命題。

語言的設(shè)計(jì)者是有兩個(gè)派系的，有些人認(rèn)為程序員語言應(yīng)該防止程序員干蠢事，另一些認(rèn)為程序員應(yīng)該可以用編程語言干一切他們想干的事。 C/Java語言是前一個(gè)陣營的代表， JS是后一個(gè)陣營的代表。

往往第一個(gè)陣營的語言強(qiáng)調(diào)性能， int就是int，double就是double 還第二個(gè)陣營就是強(qiáng)調(diào)便利性 ，int是var ， double還是var。

選擇語言的時(shí)候，其實(shí)就是在做選擇題。是選擇便利還是選擇性能。

往往新出的語言便利性都很強(qiáng)，是因?yàn)橛布阅芴岣吡?，從而可以為了便利性放棄性能要求?/p>

編程語言的主要矛盾就是程序開發(fā)的便利性和硬件水平的矛盾。

如果能夠穿越回到70年代（首先在中南海西面買塊地）， 那時(shí)候你坐在龐大的計(jì)算機(jī)面前寫代碼的時(shí)候，無意間小手一抖，多敲倆空格，然后程序oom。

不要感覺上面的事情不可思議，那時(shí)候內(nèi)存低的可憐，每一個(gè)字符都是嚴(yán)格定義的，不允許任何浪費(fèi)。能運(yùn)行java虛擬機(jī)都是天方夜譚，怎么可能會(huì)有java語言。

節(jié)儉是一種美德，浪費(fèi)不一定是壞事情

隨著硬件性能的提高，出現(xiàn)了越來越多的編程語言，新出的語言往往性能上浪費(fèi)，便利性上提高。要是按照幾十年前的標(biāo)準(zhǔn)衡量，有一些使用新語言開發(fā)的熱門應(yīng)用程序?qū)τ布Y源浪費(fèi)非常驚人。

不僅編程語言有這種現(xiàn)象,這實(shí)際是一種普遍的歷史趨勢, 隨著技術(shù)的發(fā)展，每一代人都在做上一代人覺得浪費(fèi)的事情。你可以想象下30年前打個(gè)長途電話，而現(xiàn)在，別說長途電話了， 有的人都就坐飛機(jī)去約炮了，這個(gè)在以前很難想象。

浪費(fèi)可以分成好的浪費(fèi)和壞的浪費(fèi)。用更多的浪費(fèi)換來簡單的設(shè)計(jì)，并不是什么壞事。

如何才能充分利用新硬件更強(qiáng)大的性能最有利地“浪費(fèi)”他們？

這時(shí)候問題就回到了開始， 證明：凡是能用JS開發(fā)的最終都會(huì)用JS開發(fā)

JS這種語言擴(kuò)展性極強(qiáng)， 性能比起其它語言只能呵呵了。 但是硬件速度會(huì)提高很快。

Paul Graham算過，如果摩爾定律一直成立。一百年后計(jì)算機(jī)的運(yùn)行速度是現(xiàn)在的74乘以10的18次方倍。（準(zhǔn)確地說是73 786 976 294 838 206 464倍）

終有一天，你會(huì)在選擇的時(shí)候忽略性能，選擇便利性。

以前上學(xué)的時(shí)候，經(jīng)常去網(wǎng)吧玩大話西游和傳奇。而現(xiàn)在隨便一個(gè)頁游就能做出這種游戲效果。10年前你很難想象在網(wǎng)頁上能玩這種游戲。

你現(xiàn)在就可以嘗試想象一下若干年后，打開網(wǎng)頁能玩魔獸世界。這并不是不可能實(shí)現(xiàn)的。

強(qiáng)調(diào)性能的語言還能否生存

我們都知道C/C++ 就是強(qiáng)調(diào)性能的語言， 我們做游戲或者視頻播放的都是要求性能的。他們會(huì)不會(huì)被新的語言取代呢？

我可以鄭重證明，不會(huì)的。

雖然上面我說的Java語言屬于強(qiáng)調(diào)性能的第一陣營的語言。但是相對(duì)于C/C++ 它顯然是增強(qiáng)了便利性。

語言是發(fā)展的，是迭代的， 隨著硬件性能提高，基本上每個(gè)節(jié)點(diǎn)下都會(huì)產(chǎn)生新的語言，相對(duì)于之前的語言浪費(fèi)性能，增強(qiáng)便利性。

但是很難取代之前的語言，對(duì)性能要求高的程序依然會(huì)出現(xiàn)的， 即使以后可以在網(wǎng)頁上玩魔獸世界，但是還會(huì)出現(xiàn) 超級(jí)魔獸世界，泰坦世界, 宇宙世界 等等一大堆新的對(duì)性能要求較高的游戲。

微信小程序會(huì)取代其它APP嗎？

問題回到我們的主題微信小程序上，微信小程序會(huì)取代其它APP嗎？

我的觀點(diǎn)很明確，

現(xiàn)在不會(huì)取代，以后會(huì)，但是以后會(huì)出現(xiàn)以后的微信取代不了的；以后的以后會(huì)取代以后的，但是以后的以后會(huì)出現(xiàn)以后的以后的微信取代不了的 .....

其實(shí)也不難解釋，10年前我們不能在網(wǎng)頁上玩?zhèn)髌妫?但是現(xiàn)在可以。但是現(xiàn)在又有了魔獸世界，也許10年后網(wǎng)頁上就能玩了，但那時(shí)候肯定還會(huì)出現(xiàn) 超級(jí)魔獸世界之類的游戲不能在網(wǎng)頁上玩。

作為一個(gè)程序員，我們需要學(xué)什么？

有的人會(huì)擔(dān)心，微信小程序出來了， 做Android、iOS開發(fā)的會(huì)不會(huì)失業(yè)啊。

其實(shí)你大可放心，只要你會(huì)學(xué)習(xí)，永遠(yuǎn)不會(huì)失業(yè)，你不學(xué)習(xí)，就算微信小程序沒有推出你也會(huì)失業(yè)。

就目前而言，小程序始終是小，場景有限。還不能完全取代APP , 還可以通過小程序引導(dǎo)用戶下載APP。就像簡書一樣，網(wǎng)頁端能瀏覽不代表不開發(fā)APP軟件。

但是要認(rèn)清大的趨勢， 這段時(shí)間就是用來給你學(xué)習(xí)的。

具體怎么學(xué)啊？

看文檔學(xué)習(xí)唄， 首先了解JS語法基礎(chǔ)， 了解React Native原理，學(xué)習(xí)JS , RN，H5,CSS，運(yùn)營，測試，產(chǎn)品設(shè)計(jì)規(guī)范，圖形設(shè)計(jì)，神經(jīng)網(wǎng)絡(luò)，OpenGL.........

總之，根據(jù)具體文檔，用到什么學(xué)什么。

作為一個(gè)程序員，你可以忘了學(xué)習(xí)的高數(shù)，可以忘了學(xué)習(xí)的英語，可以忘了學(xué)習(xí)的線性代數(shù).... 但是千萬別忘了學(xué)習(xí)。

微信小程序開發(fā)有哪些特點(diǎn)

微信小程序從本質(zhì)上來說就是一個(gè)HTMI5應(yīng)用

微信雖然用了 HTML5 技術(shù)來做小程序，但是它并沒有真正用到 HTML5 的精髓——開放、互聯(lián)，也就決定了它可能無法實(shí)現(xiàn)“微信OS”的最終野心

小程序的開發(fā)過程會(huì)用到大量H5相關(guān)的技術(shù)，但并不是使用H5開發(fā)。有 HTML5經(jīng)驗(yàn)的前端工程師學(xué)習(xí)微信小程序的開發(fā)相對(duì)會(huì)更容易一些。微信小程序的運(yùn)行并不需要一個(gè)完整支持H5特性的標(biāo)準(zhǔn)瀏覽器內(nèi)核，但也可以通過添加一些輔助設(shè)施，讓小程序在個(gè)完整支持

如何開發(fā)微信小程序需要哪些技術(shù)

關(guān)于小程序開發(fā)方案，目前主流的有兩種：小程序定制開發(fā)、小程序模板開發(fā)。

1、小程序定制開發(fā)

小程序定制開發(fā)，顧名思義，就是根據(jù)客戶的需求來定制開發(fā)小程序。針對(duì)有特殊的功能需求的客戶而言小程序定制開發(fā)是一種選擇，因?yàn)樾〕绦蚰０彘_發(fā)滿足不了。但是小程序定制開發(fā)需要耗費(fèi)較長的時(shí)間、人力、物力，不過開發(fā)出來的小程序是完全滿足客戶需求，與業(yè)務(wù)緊密相關(guān)，并且正規(guī)的小程序定制開發(fā)公司在小程序開發(fā)項(xiàng)目完成之后會(huì)交付源代碼等，確保安全。

2、小程序模板開發(fā)

小程序模板開發(fā)則是套用現(xiàn)成的小程序模板，將功能組合起來成為一個(gè)模板小程序。小程序模板是標(biāo)準(zhǔn)化產(chǎn)品，因而只有標(biāo)準(zhǔn)化的小程序功能需求才能滿足使用。小程序模板由于是已經(jīng)開發(fā)好的，因而無需再花費(fèi)時(shí)間去開發(fā)，基本上開通賬號(hào)就能直接使用，因而價(jià)格方面對(duì)比小程序定制開發(fā)會(huì)有很大差異。

小程序模板開發(fā)價(jià)格一般是按年收費(fèi)，價(jià)格從幾千塊到上萬塊一年不等，具體看功能需求而定；具體的價(jià)格也是需要根據(jù)具體功能需求來評(píng)估。以上就是小程序開發(fā)方式以及兩種開發(fā)方式的主要區(qū)別。

微信小程序開發(fā)主要用到什么技術(shù)

1.前端基礎(chǔ)，如JS、HTML、css

2.一門后臺(tái)語言，如PHP、JAVA，后端什么語言都可以，自己定。【點(diǎn)擊查看小程序開發(fā)底價(jià)】

3.學(xué)習(xí)微信接口文檔如果用到了微信本身相關(guān)功能，如支付、分享等功能，加個(gè)微信jssdk就可以了。

4.還需要美工，保證制作的小程序有美感。

想要了解更多有關(guān)小程序開發(fā)的相關(guān)信息，推薦咨詢豬八戒網(wǎng)。豬八戒網(wǎng)成立于2006年，是中國領(lǐng)先的企業(yè)服務(wù)平臺(tái)，服務(wù)交易獨(dú)角獸企業(yè)。豬八戒網(wǎng)現(xiàn)有注冊(cè)用戶2800萬、在全國布局線下數(shù)字化創(chuàng)業(yè)園區(qū)超過100個(gè)。十余年來，累計(jì)有10萬余個(gè)人通過平臺(tái)孵化成長為公司，超過100萬人通過平臺(tái)實(shí)現(xiàn)靈活就業(yè)，千萬企業(yè)通過平臺(tái)解決專業(yè)服務(wù)需求；專業(yè)性值得選擇。

關(guān)于從技術(shù)角度分析微信小程序開發(fā)和微信小程序采用什么技術(shù)開發(fā)的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。