微信小程序介紹

發(fā)表時(shí)間：2020-10-19

發(fā)布人：葵宇科技

瀏覽次數(shù)：71

無(wú)處不在的小程序

從 2017 年 1 月 9 日，張小龍?jiān)?2017 微信公開課 Pro 上發(fā)布小程序開始算起，微信小程序已經(jīng)走過了三個(gè)年頭。從當(dāng)初的只聞其名到今天的耳濡目染，微信小程序可以說已經(jīng)深入了每個(gè)人的生活。讀者可以打開自己手機(jī)微信，進(jìn)入微信頁(yè)面并上滑，就可以看到和下圖相似的微信小程序管理畫面。

FrcOlsiCDQX6YA6Y-JbsFuXZlpWd

如果再點(diǎn)一下 […] 圖標(biāo)，你會(huì)看到更多的小程序。而這些小程序，你大概已經(jīng)記不得是什么時(shí)候進(jìn)到手機(jī)里的了…

快速發(fā)展的輕應(yīng)用

除了在微信中運(yùn)行的微信小程序之外，還存在眾多的「小程序表親」。例如，有多家手機(jī)硬件廠商支持的快應(yīng)用，就是一個(gè)典型的例子。

FsXBvr0X6x3VV0DQm15X9b20KVPj

到目前為止，我們知道的的主流廠商幾乎都參加了快應(yīng)用聯(lián)盟。

Fo5i4OqVWKYXHmnxxx3375KvB7TF

快應(yīng)用的架構(gòu)，采用的技術(shù) （XML/JSON/JavaScript）和微信小程序幾乎完全相同。（參考資料：輕應(yīng)用開發(fā)文檔）

可以毫不夸張地說，掌握了小程序開發(fā)技術(shù)，就等于打通了手機(jī)應(yīng)用開發(fā)藍(lán)海的出海口！

什么是微信小程序？

微信小程序這個(gè)詞可以分解為「微信」和「小程序」兩部分。

其中微信可以理解為「微信中的」，指的是小程序的執(zhí)行環(huán)境；當(dāng)然微信在提供執(zhí)行環(huán)境的同時(shí)也延長(zhǎng)了用戶使用微信的時(shí)間。

「小程序」是說它首先是程序，然后具備輕便的特征。小程序并不像其他應(yīng)用那樣需要安裝，而是通過掃描二維碼打開后直接執(zhí)行；用完以后也不需要卸載。這就是所謂用完即走的原則。

另外，微信不會(huì)提供類似于小程序商店的地方，需要小程序提供者自己通過二維碼，群分享的手段來傳播，這就是所謂去中心化的形態(tài)。

微信朋友圈提供了好友之間溝通信息的手段，訂閱號(hào)提供了面向粉絲推送信息的手段，而小程序則是提供了用戶通過自己的操作而與服務(wù)實(shí)現(xiàn)互動(dòng)的手段。

小程序相關(guān)技術(shù)

由于本專欄的目標(biāo)讀者是了解基本的 C/C++ 語(yǔ)法，但對(duì)小程序開發(fā)完全沒有經(jīng)驗(yàn)的程序員，所以我們會(huì)在說明微信小程序的同時(shí)，對(duì)相關(guān)技術(shù)也進(jìn)行相應(yīng)的介紹。通過這種方式，我希望讀者們能夠?qū)Ｗ⒂谛〕绦虻拈_發(fā)，而不是因?yàn)榈教帉ふ屹Y料而導(dǎo)致忘了學(xué)習(xí)微信小程序的本來目的。換一種說法就是：并不需要另外自己調(diào)查，跟著本專欄走下去就好。

微信小程序推出三年多的時(shí)間，算是一個(gè)新事物，但利用的技術(shù)卻都是存在已久的技術(shù)。稍加調(diào)查你就會(huì)發(fā)現(xiàn)，不光是微信小程序，很多類似形態(tài)的應(yīng)用都采用類似的架構(gòu)：

使用 JSON 技術(shù)來表現(xiàn)應(yīng)用的配置信息。包含應(yīng)用的基本信息、頁(yè)面配置和路由、應(yīng)用全體的信息等。
使用經(jīng)過定制 CSS+XML 技術(shù)來實(shí)現(xiàn)視圖層的描述。畫面元素（包括噢列表、按鈕、文本框、選擇框等）都通過 XML 語(yǔ)言來描述，遵從 XML 語(yǔ)法。對(duì)于頁(yè)面的共同風(fēng)格，使用 CSS 進(jìn)行定義。
使用 JavaScript 語(yǔ)言來實(shí)現(xiàn)邏輯層結(jié)構(gòu)。包括用戶操作的處理，系統(tǒng) API 的調(diào)用等。
架構(gòu)在視圖層和邏輯層之間提供數(shù)據(jù)和事件傳輸功能，從而盡量減少?gòu)?fù)雜度。由于類似應(yīng)用都屬于輕應(yīng)用，因此提供的功能都比較單一。

具體的語(yǔ)法、用途等我將會(huì)在使用的時(shí)候詳細(xì)介紹，這里只提一下相關(guān)技術(shù)的基本情況，了解即可。

以下是對(duì)小程序所涉技術(shù)的概括性描述，內(nèi)容來自百度百科。

JSON

JSON（JavaScript Object Notation）是一種輕量級(jí)的數(shù)據(jù)交換格式。它基于 ECMAScript（w3c 制定的 js 規(guī)范）的一個(gè)子集，采用完全獨(dú)立于編程語(yǔ)言的文本格式來存儲(chǔ)和表示數(shù)據(jù)。簡(jiǎn)潔和清晰的層次結(jié)構(gòu)使得 JSON 成為理想的數(shù)據(jù)交換語(yǔ)言。易于人的閱讀和編寫，同時(shí)也易于機(jī)器解析和生成，并有效提升網(wǎng)絡(luò)傳輸效率。

XML

XML（Extensible Markup Language），中文名可擴(kuò)展標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的子集，是一種用于標(biāo)記電子文件使其具有結(jié)構(gòu)性的標(biāo)記語(yǔ)言。

在電子計(jì)算機(jī)中，標(biāo)記指計(jì)算機(jī)所能理解的信息符號(hào)，通過此種標(biāo)記，計(jì)算機(jī)之間可以處理包含各種的信息比如文章等。它可以用來標(biāo)記數(shù)據(jù)、定義數(shù)據(jù)類型，是一種允許用戶對(duì)自己的標(biāo)記語(yǔ)言進(jìn)行定義的源語(yǔ)言。它非常適合萬(wàn)維網(wǎng)傳輸，提供統(tǒng)一的方法來描述和交換獨(dú)立于應(yīng)用程序或供應(yīng)商的結(jié)構(gòu)化數(shù)據(jù)。是 Internet 環(huán)境中跨平臺(tái)的、依賴于內(nèi)容的技術(shù)，也是當(dāng)今處理分布式結(jié)構(gòu)信息的有效工具。早在 1998 年，W3C 就發(fā)布了 XML 1.0 規(guī)范，使用它來簡(jiǎn)化 Internet 的文檔信息傳輸。

CSS

層疊樣式表（Cascading Style Sheets）是一種用來表現(xiàn) HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或 XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS 不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。

CSS 能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力。

JavaScript

JavaScript，一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類型。它的解釋器被稱為 JavaScript 引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語(yǔ)言，最早是在 HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）網(wǎng)頁(yè)上使用，用來給 HTML 網(wǎng)頁(yè)增加動(dòng)態(tài)功能。

在 1995 年時(shí)，由 Netscape 公司的 Brendan Eich，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計(jì)實(shí)現(xiàn)而成。因?yàn)?Netscape 與 Sun 合作，Netscape 管理層希望它外觀看起來像 Java，因此取名為 JavaScript。但實(shí)際上它的語(yǔ)法風(fēng)格與 Self 及 Scheme 較為接近。

為了取得技術(shù)優(yōu)勢(shì)，微軟推出了 JScript，CEnvi 推出 ScriptEase，與 JavaScript 同樣可在瀏覽器上運(yùn)行。為了統(tǒng)一規(guī)格，因?yàn)?JavaScript 兼容于 ECMA 標(biāo)準(zhǔn)，因此也稱為 ECMAScript。

學(xué)習(xí)方法

微信小程序雖然是新事物，但學(xué)習(xí)方法卻不是新的。

我們的方法是，首先完成一個(gè)最簡(jiǎn)單的小程序?qū)嵗?#xff0c;通過這個(gè)實(shí)例介紹微信小程序的構(gòu)造和想法，這是所謂的「學(xué)」。然后擴(kuò)展這些知識(shí)點(diǎn)，通過開發(fā)一個(gè)簡(jiǎn)單的小程序來運(yùn)用這些知識(shí)點(diǎn)，這是「習(xí)」的過程。

這是作者這些年來屢試不爽的方法。