微信小程序本身是基于微信中的WebKit而存在的，所以其本身就是一個網頁端的應用。但是與傳統的HTML不同的是，它的頁面并非DOM的操作方式，這是為了避免多層嵌套DOM速度過慢的問題，對于開發者而言，這些都是透明不可見的，也就是說不用專門學習。

　　雖然南昌小程序開發的技術并不是完全原生的JS、HTML、CSS，但其是用這些技術封裝起來的，所以學習這些技術也是必要的。

　　JavaScript技術

　　Java Script是世界上最流行的腳本語言，它屬于Web語言，它適用于PC、筆記本電腦、平板電腦和移動電話。JavaScript的設計目的是增加HTML頁面的交互性。

　　許多HTML開發者都不是程序員，但Java Scripti擁有非常簡單的語法，所以幾乎每個人都有能力將小的JavaScript片段添加到網頁中。

　　Java Script本身是一種高級編程語言，通過解釋執行，是面向對象（基于原型）的直譯語言。它已經由ECMA（歐洲電腦制造商協會）通過ECMAScript實現語言的標準化。它被世界上的絕大多數網站所使用，也被世界主流瀏覽器（Chrome、IE、FireFox、Safari、Opera）支持。

　　在客戶端，JavaScript在傳統意義上被實現為一種解釋語言，但在最近，它已經可以被即時編譯（JT）執行。隨著最新的HTML 5和CSS 3語言標準的推行，它還可用于游戲、桌面、移動應用程序的開發和在服務器端網絡環境運行，如通過Node.js。

　　CSS技術

　　層疊樣式表（Cascading Style Sheets，簡稱CSS），又稱級聯樣式表、串接樣式表。層疊樣式表是一種用來為結構化文檔（如HTML文檔或XML應用）添加樣式（字體、間距和顏色等）的計算機語言，由W3C定義和維護。目前最新版本是CSS 3。

　　網頁的用戶和開發者都可以使用CSS來決定文字的顏色、字體、排版等顯示特性。它使得網頁更加生動，甚至可以使用不同的樣式來控制網頁上出現動畫或其他效果。CSS最主要的目的是將文件的內容與顯示分隔開來，之后通過引入選擇器的方式控制DOM的樣式效果。這有許多好處：

　　·文件的可讀性加強。

　　·文件的結構更加靈活。

　　·用戶和開發者可以自己決定不同的顯示。

　　·文件的結構簡化了。

　　通過分離出來的CSS文件，可以針對每個不同的用戶顯示不同的效果，并且整個網站或其中一部分網頁的顯示信息被集中在一個地方，要改變它們很方便。針對不同的讀者可以有不同的樣式，比如有的用戶需要的字體比較大，有的用戶對于某些圖標不可見或者是色弱等要對色彩做不同的調整。

　　CSS還可以控制其他參數，例如聲音（假如瀏覽器有閱讀功能的話）或給視障者用的感受裝置。

　　對于最新的CSS 3，不但將CSS 3折分為“模塊”，而且在原有簡單樣式的基礎上增加了一些新的屬性，一些最重要CSS 3模塊如下：

　　·選擇器。

　　·盒模型。

　　·背景和邊框。

　　·文字特效。

　　·2D/3D轉換。

　　·動畫。

　　·多列布局。

　　·用戶界面。

　　HTML（XML）技術

　　HTML（XML）技術其實是兩種不同的技術，即HTML和XML。

　　超文本標記語言（Hyper Text Markup Language，簡稱HTML）是一種用于創建網頁的標準標記語言。HTML是一種基礎技術，常與CSS、Java Script一起被眾多網站用于設計令人賞心悅目的網頁、網頁應用程序以及移動應用程序的用戶界面。網頁瀏覽器可以讀取HTML文件，并將其渲染成可視化網頁。HTML描述了一個網站的結構語義，最新版本為HTML5。

　　可擴展標記語言（Extensible Markup Language，簡稱XML），是一種標記語言。標記指計算機所能理解的信息符號，通過此種標記，計算機之間可以處理包含各種信息的文章等。如何定義這些標記，既可以選擇國際通用的標記語言，比如HTML，也可以使用像XML這樣由相關人士自由決定的標記語言，這就是語言的可擴展性。XML用到的主要有可擴展標記語言、可擴展樣式語言（XSL）、XBRL和XPath等。

　　XML的誕生是為了取代HTML，但由于XML一些煩瑣的寫法和不夠靈活的方式，它并沒有取代HTML的位置，反而因其清晰的結構和自定義的節點名稱，被用于一些配置文件的書寫和一種數據持久化的手段。

　　由于HTML和XML本源和初衷是一致的，所以對于兩者的學習是通用的、可擴展的。

　　通過以上對HTML和XML的介紹，這里總結一下它們的聯系與區別：XML和HTML都用于操作數據或數據顯示結構，在結構上大致相同，但在本質上的區別也相當明顯。

　　1、語法要求不同

　　（1）在HTML中不區分大小寫，在XML中嚴格區分大小寫。

　　（2）在HTML中，結構不嚴格，對于解析而言，如果能通過上下文清楚地顯示出段落或者某一標簽在何處結尾，那么可以省略

或者之類的結束標簽，甚至一些標簽本身就是半閉合式的標簽。但在XML中，必須遵循嚴格的樹狀結構，絕對不能省略結束標記。

　　（3）在XML中，擁有單個標記而沒有匹配的結束標記的元素必須用一個“/”字符作為結尾。但HTML中這樣的做法并不必要，反而在某些情況下增加“/”字符會出現不可預知的錯誤。

　　（4）在XML中，其屬性值必須封裝在引號中，所有的屬性都必須帶有相應的值，不能簡寫與略寫，而且有嚴格的書寫規范。但在HTML中，引號是可用可不用的，并且有些屬性名可以不包含任何的數值，這樣的寫法甚至可以自動生成相應的數值。

　　（5）在XML中，空白的部分認為是XML自身的一種內容，所以不會被解析器自動刪除；但HTML中的空格是單個有效的，多余的空格將會被解析器過濾掉，成為無效標記。

　　2、標記不同

　　（1）HTML使用已經定義好的既有標記，但XML的語法結構是可以擴展的，所以并沒有固有的標記。

　　（2）HTML標簽是預定義的，對于任意的標簽都是存在含義和使用規范的，包括自定義的標簽也應該提前解析；但XML的所有標簽都是可以進行自定義、可擴展的，其屬性也是擴展的一部分。

　　3、作用不同

　　（1）HTML是用來顯示數據的；XML是用來描述數據、存放數據的，所以可以作為持久化的介質。HTML將數據和顯示結合在一起，在頁面中把數據顯示出來；XML則將數據和顯示分開。XML和HTML都是被設計用來描述數據，XML的焦點是數據的內容，而HTML的焦點是數據的外觀。

　　（2）XML中的標簽和屬性是不具有任何的效果和操作的，更傾向于一種數據的表達形式和存儲形式。而HTML更加傾向的是一種數據的顯示形式和展示形式，所以這兩種技術各有所長。

　　通過HTML（XML）與CSS文件的結合，可以構造出任意一種樣式的網頁和排版模式，比如對于微信小程序本身，就使用類似于HTML（XML）的一套標簽語言，所以通過微信小程序的WXSS和WXML的結合也可以構造出豐富的頁面。