主流小程序開發(fā)框架（小程序基本框架）
今天給各位分享主流小程序開發(fā)框架的知識，其中也會對小程序基本框架進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！
本文目錄一覽：
推薦兩個(gè)微信小程序開發(fā)框架
下面是最近了解的，開發(fā)者使用較多的框架：
1. WePY
WePY屬騰訊系，是一款組件化的開發(fā)框架，比原生小程序的開發(fā)模式更接近于MVVM ，它類Vue的開發(fā)風(fēng)格，讓Vue開發(fā)者很容易上手。
Github地址:
官網(wǎng)地址：
2. mpvue
mpvue 是美團(tuán)點(diǎn)評開源的一個(gè)使用Vue.js開發(fā)小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 實(shí)現(xiàn)，使其可以運(yùn)行在小程序環(huán)境中，從而為小程序開發(fā)引入了整套 Vue.js 開發(fā)體驗(yàn)。
Github：
官網(wǎng)：
web前端三大主流框架都是什么？
web前端三大主流框架都是Angular、React、Vue。
1、Angular
Angular原名angularJS誕生于2009年，之前我們都是用jquery開發(fā)，自從angular的出現(xiàn)讓我們有了新的選擇，它最大的特點(diǎn)是把后端的一些開發(fā)模式移植到前端來實(shí)現(xiàn)，如MVC、依賴注入等。
2、React
React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其創(chuàng)新式的VirtualDOM，性能上碾壓angularJS，一經(jīng)推出，火的一塌糊涂。 特點(diǎn)很多，VirtualDOM、JSX、Diff算法等，支持ES6語法，采用函數(shù)式編程，門檻稍高，但也更靈活，能讓開發(fā)具有更多可能性。
3、Vue
Vue作為最后推出的框架（2014年），借鑒了前輩angular和react的特點(diǎn)（如VirtualDOM、雙向數(shù)據(jù)綁定、diff算法、響應(yīng)式屬性、組件化開發(fā)等）并做了相關(guān)優(yōu)化，使其使用起來更加方便，更容易上手，比較少適合初學(xué)者。
微信小程序架構(gòu)篇
一、小程序架構(gòu)
每個(gè)小程序的結(jié)構(gòu)都有兩個(gè)主要部分構(gòu)成：主體部分+各個(gè)頁面。類似于許多框架，主體部分主要用于核心的配置，各個(gè)頁面主要用于不同業(yè)務(wù)場景。
1.1、主體部分主要由3個(gè)文件構(gòu)成
1）app.js：小程序邏輯，初始化APP
2）app.json：小程序配置，比如導(dǎo)航、窗口、頁面http請求跳轉(zhuǎn)等
3）app.wxss：公共樣式配置
主體配置完成之后，就是對應(yīng)業(yè)務(wù)開發(fā)了，也就是開發(fā)者最常操作的頁面。小程序頁面設(shè)計(jì)基本上也是遵循MVC結(jié)構(gòu)進(jìn)行構(gòu)建。
1.2、頁面由4個(gè)文件構(gòu)成
1）js：頁面邏輯，相當(dāng)于控制層（C）；也包括部分的數(shù)據(jù)（M）
2）wxml：頁面結(jié)構(gòu)展示，相當(dāng)于視圖層（V）
3）wxss：頁面樣式表，純前端，用于輔助wxml展示
4）json：頁面配置，配置一些頁面展示的數(shù)據(jù)，充當(dāng)部分的模型（M）
二、配置app.json
app.json
全局配置頁面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間、設(shè)置多tab等。
pages
接受一個(gè)數(shù)組，每一項(xiàng)都是字符串，來指定小程序由哪些頁面組成
window
用于設(shè)置小程序的狀態(tài)欄、導(dǎo)航條、標(biāo)題、窗口背景色。
tabBar
通過tabBar配置項(xiàng)指定tab欄的表現(xiàn)，以及tab切換時(shí)顯示的對應(yīng)頁面。tabBar配置數(shù)組，只能配置最少2個(gè)、最多5個(gè)tab，tab按數(shù)組的順序排序。
networkTimeout
可以設(shè)置各種網(wǎng)絡(luò)請求的超時(shí)時(shí)間。
debug：true/false
可以在開發(fā)者工具中開啟debug模式，在開發(fā)者工具的控制臺面板，調(diào)試信息以info的形式給出，其信息有Page的注冊，頁面路由，數(shù)據(jù)更新，事件觸發(fā)?？梢詭椭_發(fā)者快速定位一些常見的問題
page.json
每一個(gè)小程序頁面也可以使用.json文件來對本頁面的窗口表現(xiàn)進(jìn)行配置。頁面的哦誒址比app.json全局配置簡單的多，只是設(shè)置app.json中的window配置項(xiàng)的內(nèi)容，頁面中配置項(xiàng)會覆蓋app.json的window中相同的配置項(xiàng)。
小程序的第三方框架
1、騰訊wepy
2、美團(tuán)mpvue 語法類似vue
3、京東taro 類似react
4、滴滴chameleon
5、uni-app 類似vue
6、原生框架MINA
不復(fù)雜的話還是推薦使用原生。
微信小程序框架解析
微信小程序框架（Vue.js）
小程序開發(fā)框架的目標(biāo)是通過盡可能簡單、高效的方式讓開發(fā)者可以在微信中開發(fā)具有原生
APP 體驗(yàn)的服務(wù)。整個(gè)小程序框架系統(tǒng)分為兩部分：邏輯層（App Service）和 視圖層（View）。小程序提供了自己的視圖層描述語言
WXML 和 WXSS，以及基于 JavaScript
的邏輯層框架，并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng)，讓開發(fā)者能夠?qū)Ｗ⒂跀?shù)據(jù)與邏輯。
在剛接觸微信小程序的時(shí)候，就是官方提供的這個(gè)框架，其實(shí)該框架的思想和vue還是有相似之處，正所謂萬變不離其宗。只不過這個(gè)框架就是直接使用微信小程序所需要的wxml、wxss等文件，而其他框架最終打包生成的文件才是官方所需要的。所以我建議就是初學(xué)者，還是可以先使用或?qū)W習(xí)下該框架，更能直接的了解小程序和學(xué)習(xí)。所以初學(xué)者值得推薦。
主流小程序開發(fā)框架的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于小程序基本框架、主流小程序開發(fā)框架的信息別忘了在本站進(jìn)行查找喔。
