想開(kāi)發(fā)小程序，就得先學(xué)會(huì )一套微信特制的「開(kāi)發(fā)語(yǔ)言」。

　　為了讓大家上手這門(mén)開(kāi)發(fā)語(yǔ)言，微信官方提供了一份十分詳細的開(kāi)發(fā)文檔：

　　要是沒(méi)時(shí)間通讀，這里還有一份省時(shí)省力的替代品：
　　知曉程序（微信號zxcx0101）準備了一份官方開(kāi)發(fā)文檔的超簡(jiǎn)濃縮版，不僅囊括了官方文檔的所有重點(diǎn)信息，而且篇幅只有原文的三分之一。
　　只要看完這篇文章，你就能快速上手小程序開(kāi)發(fā)。
　　注：本文適宜有一定編程基礎的人閱讀。要想零基礎學(xué)習小程序開(kāi)發(fā)，請繼續關(guān)注知曉程序（微信號zxcx0101）的后續內容。
　　語(yǔ)言與文件
　　各位可能已經(jīng)知道，微信小程序開(kāi)發(fā)與其他平臺的開(kāi)發(fā)大差異在于：微信使用的開(kāi)發(fā)語(yǔ)言和文件很「特殊」。
　　小程序所使用的程序文件類(lèi)型大致分為以下幾種：
　　WXML（WeiXin Mark Language，微信標記語(yǔ)言）
　　WXSS（WeiXin Style Sheet，微信樣式表）
　　JS（JavaScript，小程序的主體）
　　在語(yǔ)言方面，看上去小程序幾乎重新定義了一套標準。但是實(shí)際上，它們與「前端三件套」——HTML、CSS和JavaScript——差不太多。
　　下面，我們就來(lái)對比一下小程序開(kāi)發(fā)語(yǔ)言和「前端三件套」有什么異同點(diǎn)：
　　HTML與WXML：兩者差異比較大，如果之前沒(méi)有接觸過(guò)Android開(kāi)發(fā)，可能會(huì )覺(jué)得有些頭疼。事實(shí)上，WXML更像是Android開(kāi)發(fā)中的界面XML描述文件，更適合于程序界面的構建；而HTML則傾向于文章的展示（這與HTML的歷史有關(guān)），以及互聯(lián)網(wǎng)頁(yè)面的構建。
　　WXSS與CSS：兩者在語(yǔ)言上幾乎沒(méi)有差別，可以直接通用。
　　JS文件：小程序的JS文件與前端開(kāi)發(fā)使用的JS幾乎沒(méi)有區別，小程序的JS新增了微信的一些API接口，并去除了一些不必要的功能（如DOM）。
　　在語(yǔ)言上，小程序完全向學(xué)習成本低的前端開(kāi)發(fā)看齊，但這不代表所有前端開(kāi)發(fā)者都能直接無(wú)縫遷移。
　　如果你是從前端開(kāi)發(fā)轉向小程序，就需要注意這兩個(gè)點(diǎn)：
　　HTML與WXML兩種文件的構建思想差異較大，如果之前只接觸過(guò)前端開(kāi)發(fā)，需要一點(diǎn)時(shí)間才能適應WXML的編寫(xiě)方法。
　　雖然小程序使用的是前端語(yǔ)言，但不代表可以繼續沿用前端的開(kāi)發(fā)思想進(jìn)行開(kāi)發(fā)（類(lèi)似前端向Node.js發(fā)展）。小程序對前端開(kāi)發(fā)的要求從「構建界面」升級成「開(kāi)發(fā)完整應用」，前端開(kāi)發(fā)依然需要在意識上進(jìn)行轉變。
　　界面構建
　　基本邏輯
　　WXML和WXSS兩種文件是小程序界面元素聲明及樣式描述文件。WXML大的特點(diǎn)是以視圖（view）的方式串聯(lián)界面元素，并通過(guò)程序邏輯（AppService），將信息更新實(shí)時(shí)傳遞至視圖層。
　　view類(lèi)似于HTML中的div元素。在構建的時(shí)候，view可以被多級嵌套，view內可以放置任意視覺(jué)元素。
　　需要注意的是，元素一旦超出屏幕之外，用戶(hù)是無(wú)法再看到的，這與HTML有較大不同。舉一個(gè)例子，將手機屏幕想像成一個(gè)舞臺，在舞臺之外的演員是無(wú)法被觀(guān)眾看到的。

　　小程序有專(zhuān)門(mén)用于滾動(dòng)的視圖，如果希望界面是一個(gè)可以自由滾動(dòng)的界面（例如列表等），可以使用scroll-view視圖，在WXSS中將其大小調整為整個(gè)屏幕，并設置scroll-y（上下滾動(dòng)）或scroll-x（左右滾動(dòng)）為true。

　　小程序中不能直接使用DOM控制WXML元素。如果需要進(jìn)行數據更新，需要使用WXML提供的數據綁定及元素渲染方法。
　　還有一點(diǎn)需要注意的是：小程序的柵格排版系統使用的是Flex布局，它是W3C在2009年提出的一種排版標準。
　　綁定數據
　　對于單個(gè)字段，開(kāi)發(fā)者可以使用數據綁定的方法進(jìn)行信息更新。綁定的數據除了在加載的時(shí)候可以更新，也可以在JS主程序中以函數形式進(jìn)行更新，更新同樣可以反映到界面上被綁定的數據中。
　　條件渲染與列表（循環(huán)）渲染

　　條件渲染適合帶有意外情況提示的頁(yè)面（如無(wú)法加載列表或詳情時(shí)做出提示等等）。它的渲染帶有觸發(fā)條件，即符合條件時(shí)渲染這個(gè)頁(yè)面，否則忽略或渲染另一段代碼。

　　兩個(gè)花括號所包含的判斷條件中的變量于主程序JS代碼中的data中聲明。

　　若需要在界面中構建一個(gè)列表，可以使用WXML中的循環(huán)渲染，將同一元素渲染代碼進(jìn)行集合。循環(huán)的數據可以通過(guò)數組的方式寫(xiě)入data中供WXML訪(fǎng)問(wèn)。

　　渲染完畢后，渲染判斷條件的變動(dòng)可以影響界面變動(dòng)。

　　模板與引用
　　WXML支持使用模板與引用減少代碼體積。
　　模板是在WXML代碼中對相同的代碼進(jìn)行復用的方式。

　　可以將多個(gè)模板寫(xiě)入至同一文件，并使用import在其他文件中進(jìn)行引用。

　　如果需要整個(gè)頁(yè)面引用，需要使用到include。

　　樣式
　　通過(guò)WXSS樣式表，開(kāi)發(fā)者可以定義WXML中的元素樣式。WXSS與CSS代碼一樣，可以直接使用選擇器選擇元素。在WXML中也可以直接定義元素的id和class以便于在WXSS文件中進(jìn)行樣式定義。
　　用戶(hù)操作與事件響應

　　由于微信使用的不是HTML，所以也不能通過(guò)添加超鏈接（a元素）的方式來(lái)監測用戶(hù)的點(diǎn)擊事件。對于需要監聽(tīng)點(diǎn)擊事件的元素，應該在WXML中使用bindtap屬性或catchtap屬性進(jìn)行綁定。

　　除了點(diǎn)擊一次，微信也提供按住、開(kāi)始觸摸、松手等事件響應。

　　在WXML中綁定好一個(gè)事件之后，就能在主程序JS中使用。

　　其他API中也有其他相應的事件，這些事件可以在微信小程序的官方文檔中查閱到。

　　當需要在小程序的頁(yè)面間進(jìn)行跳轉時(shí)，應該使用wx.navigateTo()方式。

　　需要注意的是，有關(guān)于頁(yè)面層級跳轉，微信將層級跳轉限制到了五層。在開(kāi)發(fā)時(shí)需要注意是否超過(guò)了相應限制。
　　網(wǎng)絡(luò )訪(fǎng)問(wèn)
　　小程序支持三種請求方式。一種是直接的HTTP連接請求，請求后直接返回結果，連接結束。另一種是Socket持續性連接，當一方主動(dòng)關(guān)閉連接時(shí)，連接結束。
　　除了以上兩種收發(fā)純文本的連接方式，微信還提供了一個(gè)文件收發(fā)接口。小程序中錄制的語(yǔ)音以及選擇的照片都需要這個(gè)方式來(lái)進(jìn)行上傳。
　　通過(guò)小程序訪(fǎng)問(wèn)網(wǎng)絡(luò )需要服務(wù)器端必須支持HTTPS安全連接，且端口號必須為443。同時(shí)，小程序只能訪(fǎng)問(wèn)開(kāi)發(fā)者在登記小程序時(shí)所設定的服務(wù)器地址。
　　多媒體與存儲
　　若需在小程序中播放多媒體（包括音視頻）或進(jìn)行數據存儲，不能使用HTML 5中所提供的標準，必須使用微信提供的小程序多媒體播放控制接口及存儲接口等。
　　有關(guān)于聲音的接口有音頻播放與音樂(lè )播放兩種接口。音頻播放提供了播放、暫停和停止播放三種接口，不提供跳轉至某個(gè)播放時(shí)間點(diǎn)的功能，也不能獲取目前的播放進(jìn)度。音樂(lè )播放接口提供除以上的基礎播放控制外的音樂(lè )狀態(tài)檢查和監聽(tīng)等功能。
　　小程序提供照片和視頻數據交換接口。通過(guò)這個(gè)接口，小程序可以訪(fǎng)問(wèn)用戶(hù)選定或拍攝的照片與視頻。
　　通過(guò)音頻錄制和視頻照片接口獲得的多媒體信息是臨時(shí)的，需要通過(guò)小程序存儲文件接口對文件進(jìn)行永久保存。
　　對于文本數據，小程序也提供了存儲這類(lèi)數據的接口。從諸如Android或其他app平臺轉向的開(kāi)發(fā)者需要注意的是，小程序不提供數據庫式的本地數據保存形式，而是通過(guò)「字段–值」的一對一形式進(jìn)行保存。
　　硬件相關(guān)
　　小程序依托于微信，提供許多與硬件有關(guān)的API。以下數據，小程序可以通過(guò)API獲取到。
　　系統相關(guān)信息（包括網(wǎng)絡(luò )狀態(tài)、設備型號、窗口尺寸等）
　　重力感應數據
　　羅盤(pán)數據
　　通過(guò)以上API，應該可以輕松寫(xiě)出「搖一搖」等互動(dòng)性頁(yè)面。但需要注意：由于這些數據只能主動(dòng)獲取，而不能通過(guò)這些數值變化的回調實(shí)時(shí)獲取。
　　推送服務(wù)
　　小程序提供有推送服務(wù)，可以隨時(shí)向用戶(hù)發(fā)送必要的通知。但請注意，推送服務(wù)只能用于通知提醒，不能用于群發(fā)。
　　小程序中，推送服務(wù)叫做「模板消息」（之前有開(kāi)發(fā)過(guò)服務(wù)號的開(kāi)發(fā)者應該比較熟悉）。開(kāi)發(fā)者需要在微信小程序后臺登記新的模板推送消息（比如：購買(mǎi)成功通知等）并審核通過(guò)后，才能在小程序中使用模板消息推送服務(wù)，具體審核標準建議參考相應文檔。
　　模板消息審核通過(guò)后，開(kāi)發(fā)者需要先向微信服務(wù)器獲取Access Token，隨后將該值、模板編號和模板中的動(dòng)態(tài)變量（比如：訂單號、價(jià)格等）提交給微信，由微信向用戶(hù)推送通知。
　　用戶(hù)信息與微信支付
　　小程序可以在用戶(hù)同意的前提下獲取到用戶(hù)的信息。小程序先要通過(guò)微信登錄的接口，讓用戶(hù)授權登錄。之后，小程序就可以展示并使用用戶(hù)信息。使用微信登錄的時(shí)候需要注意，消息需要經(jīng)過(guò)簽名確認其完整性之后，方能保證數據未經(jīng)篡改。
　　小程序中也可以使用微信支付。需要注意的是在發(fā)送支付請求時(shí)，需要在發(fā)送的消息中添加簽名，以確認消息完整性。
　　以上便是知曉程序為大家整理的官方開(kāi)發(fā)文檔「重點(diǎn)信息」。
　　不過(guò)，想要熟悉小程序，光看是不行的，還需要動(dòng)手去做。
　　如果開(kāi)發(fā)過(guò)程中遇到問(wèn)題，知名的辦法還是查閱微信官方的小程序開(kāi)發(fā)文檔，相信在文檔中，你能找到絕大部分問(wèn)題的解決辦法。

http://ezekroy.com/jianzhanzhishi/6799.html 微信小程序開(kāi)發(fā)-深圳微信開(kāi)發(fā)