點擊圖片查看原圖
預(yù)約小程序界面構(gòu)建
1.基本邏輯
WXML和WXSS兩種文件是小程序界面元素聲明及樣式描述文件。
WXML最大的特點是以視圖(view)的方式串聯(lián)界面元素，并通過程序邏輯(AppService)，將信息更新實時傳遞至視圖層。
view類似于HTML中的div元素。在構(gòu)建的時候，view可以被多級嵌套，view內(nèi)可以放置任意視覺元素。
需要注意的是，元素一旦超出屏幕之外，用戶就無法看到了，這與HTML有較大不同。
比如，我們將手機屏幕想像成一個舞臺，舞臺之外的演員是無法被觀眾看到的。
預(yù)約小程序設(shè)計銷售商城所使用的程序文件類型大致分為以下幾種：
?、賅XML(WeiXin Mark Language，微信標記語言)
?、赪XSS(WeiXin Style Sheet，微信樣式表)
?、跩S(Java，小程序的主體)
在語言方面，小程序看似重新定義了一套標準。但實際上，它們與「前端三件套」——HTML、CSS和Java——差不太多。
下面，我們就來對比一下小程序開發(fā)語言和「前端三件套」有什么異同點：
HTML與WXML：兩者差異比較大，如果之前沒有接觸過Android開發(fā)，可能會覺得有些頭疼。事實上，WXML更像是Android開發(fā)中的界面XML描述文件，適合于程序界面的構(gòu)建;而HTML則傾向于文章的展示(這與HTML的歷史有關(guān))，以及互聯(lián)網(wǎng)頁面的構(gòu)建。
WXSS與CSS：兩者在語言上幾乎沒有差別，可以直接通用。
JS文件：小程序的JS文件與前端開發(fā)使用的JS幾乎沒有區(qū)別，只是小程序的JS新增了微信的一些API接口，并去除了一些不必要的功能(如DOM)。
在語言上，小程序完全向?qū)W習成本最低的前端開發(fā)看齊，但這不代表所有前端開發(fā)者都能無縫遷移。預(yù)約小程序設(shè)計銷售商城
如果你是從前端開發(fā)轉(zhuǎn)向小程序，就需要注意這兩個點：
HTML與WXML兩種文件的構(gòu)建思想差異較大，如果之前只接觸過前端開發(fā)，需要一點時間才能適應(yīng)WXML的編寫方法。
雖然小程序使用的是前端語言，但不代表可以繼續(xù)沿用前端的開發(fā)思想進行開發(fā)。小程序?qū)η岸碎_發(fā)的要求從「構(gòu)建界面」升級成「開發(fā)完整應(yīng)用」，前端開發(fā)需要在意識上進行轉(zhuǎn)變。預(yù)約小程序設(shè)計銷售商城