本篇文章給大家談?wù)勎⑿判〕绦蜷_發(fā)框架圖，以及微信小程序基本框架對應(yīng)的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、微信小程序ui框架有哪些
• 2、微信小程序開發(fā)手冊(配置和視圖層)
• 3、微信小程序(Mini Program)技術(shù)棧與框架簡介

微信小程序ui框架有哪些

微信小程序開發(fā)，是目前火爆的開發(fā)方式，也是適應(yīng)中小企業(yè)快速解決的一個方案。選擇一個合適自己的開發(fā)UI框架，能夠讓自己開發(fā)速度提升數(shù)倍。

推薦兩個小程序UI框架：

WeUI

WeUI是由微信官方設(shè)計團隊分別支持微信H5網(wǎng)頁和微信原生小程序的開源UI組件

ColorUI

ColorUI是開源且支持原生小程序的UI組件，由于我目前在幫朋友改一個原生的微信小程序，所以就選擇了這款開源組件。

微信小程序開發(fā)手冊(配置和視圖層)

官網(wǎng)：

微信小程序的優(yōu)勢：

一是微信有海量用戶，而且粘性很高，在微信里開發(fā)產(chǎn)品更容易觸達用戶；

二是推廣app 或公眾號的成本太高。

三是開發(fā)適配成本低。

四是容易小規(guī)模試錯，然后快速迭代。

五是跨平臺。

登陸成功：

app.json 是當(dāng)前小程序的全局配置，包括了小程序的所有頁面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時時間、底部 tab 等。 普通快速啟動項目 里邊的 app.json 配置.

字段的含義

這里的 page.json 其實用來表示頁面目錄下的 page.json 這類和小程序頁面相關(guān)的配置。

開發(fā)者可以獨立定義每個頁面的一些屬性，如頂部顏色、是否允許下拉刷新等等。

頁面的配置只能設(shè)置 app.json 中部分 window 配置項的內(nèi)容，頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。

WXML（WeiXin Markup Language）是框架設(shè)計的一套標(biāo)簽語言，結(jié)合 基礎(chǔ)組件 、 事件系統(tǒng) ，可以構(gòu)建出頁面的結(jié)構(gòu)。

.wxml文件下

.js文件Page模塊下

不要直接寫 checked=”false”，其計算結(jié)果是一個字符串

ps:花括號和引號之間如果有空格，將最終被解析成為字符串.

項的變量名默認為 item wx:for-item 可以指定數(shù)組當(dāng)前元素的變量名

下標(biāo)變量名默認為 index wx:for-index 可以指定數(shù)組當(dāng)前下標(biāo)的變量名

渲染一個包含多節(jié)點的結(jié)構(gòu)塊 block最終不會變成真正的dom元素

配合 wx:for 使用，用于提高效率。建議寫上。

類似 wx:if

頻繁切換 用 hidden

不常使用 用 wx:if

微信小程序(Mini Program)技術(shù)棧與框架簡介

關(guān)鍵字：微信小程序、Mini Program、技術(shù)棧、框架、WePy、MPVue

整體小程序開發(fā)類似Web App開發(fā)，尤其是使用了Vue或React框架的Web App開發(fā)。

小程序原生技術(shù)棧與框架WePY、MPVue之間的比較，參考 博客

微信小程序開發(fā)框架圖的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關(guān)于微信小程序基本框架、微信小程序開發(fā)框架圖的信息別忘了在本站進行查找喔。