今天給各位分享主流小程序開發(fā)框架的知識，其中也會對主流小程序開發(fā)框架圖進行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、web前端三大主流框架都是什么？
• 2、微信小程序框架解析
• 3、微信小程序架構(gòu)篇

web前端三大主流框架都是什么？

web前端三大主流框架都是Angular、React、Vue。

1、Angular

Angular原名angularJS誕生于2009年，之前我們都是用jquery開發(fā)，自從angular的出現(xiàn)讓我們有了新的選擇，它最大的特點是把后端的一些開發(fā)模式移植到前端來實現(xiàn)，如MVC、依賴注入等。

2、React

React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其創(chuàng)新式的VirtualDOM，性能上碾壓angularJS，一經(jīng)推出，火的一塌糊涂。 特點很多，VirtualDOM、JSX、Diff算法等，支持ES6語法，采用函數(shù)式編程，門檻稍高，但也更靈活，能讓開發(fā)具有更多可能性。

3、Vue

Vue作為最后推出的框架（2014年），借鑒了前輩angular和react的特點（如VirtualDOM、雙向數(shù)據(jù)綁定、diff算法、響應(yīng)式屬性、組件化開發(fā)等）并做了相關(guān)優(yōu)化，使其使用起來更加方便，更容易上手，比較少適合初學者。

微信小程序框架解析

微信小程序框架（Vue.js）

小程序開發(fā)框架的目標是通過盡可能簡單、高效的方式讓開發(fā)者可以在微信中開發(fā)具有原生

APP 體驗的服務(wù)。整個小程序框架系統(tǒng)分為兩部分：邏輯層（App Service）和 視圖層（View）。小程序提供了自己的視圖層描述語言

WXML 和 WXSS，以及基于 JavaScript

的邏輯層框架，并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng)，讓開發(fā)者能夠?qū)Ｗ⒂跀?shù)據(jù)與邏輯。

在剛接觸微信小程序的時候，就是官方提供的這個框架，其實該框架的思想和vue還是有相似之處，正所謂萬變不離其宗。只不過這個框架就是直接使用微信小程序所需要的wxml、wxss等文件，而其他框架最終打包生成的文件才是官方所需要的。所以我建議就是初學者，還是可以先使用或?qū)W習下該框架，更能直接的了解小程序和學習。所以初學者值得推薦。

微信小程序架構(gòu)篇

一、小程序架構(gòu)

每個小程序的結(jié)構(gòu)都有兩個主要部分構(gòu)成：主體部分+各個頁面。類似于許多框架，主體部分主要用于核心的配置，各個頁面主要用于不同業(yè)務(wù)場景。

1.1、主體部分主要由3個文件構(gòu)成

1）app.js：小程序邏輯，初始化APP

2）app.json：小程序配置，比如導航、窗口、頁面http請求跳轉(zhuǎn)等

3）app.wxss：公共樣式配置

主體配置完成之后，就是對應(yīng)業(yè)務(wù)開發(fā)了，也就是開發(fā)者最常操作的頁面。小程序頁面設(shè)計基本上也是遵循MVC結(jié)構(gòu)進行構(gòu)建。

1.2、頁面由4個文件構(gòu)成

1）js：頁面邏輯，相當于控制層（C）；也包括部分的數(shù)據(jù)（M）

2）wxml：頁面結(jié)構(gòu)展示，相當于視圖層（V）

3）wxss：頁面樣式表，純前端，用于輔助wxml展示

4）json：頁面配置，配置一些頁面展示的數(shù)據(jù)，充當部分的模型（M）

二、配置app.json

app.json

全局配置頁面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時時間、設(shè)置多tab等。

pages

接受一個數(shù)組，每一項都是字符串，來指定小程序由哪些頁面組成

window

用于設(shè)置小程序的狀態(tài)欄、導航條、標題、窗口背景色。

tabBar

通過tabBar配置項指定tab欄的表現(xiàn)，以及tab切換時顯示的對應(yīng)頁面。tabBar配置數(shù)組，只能配置最少2個、最多5個tab，tab按數(shù)組的順序排序。

networkTimeout

可以設(shè)置各種網(wǎng)絡(luò)請求的超時時間。

debug：true/false

可以在開發(fā)者工具中開啟debug模式，在開發(fā)者工具的控制臺面板，調(diào)試信息以info的形式給出，其信息有Page的注冊，頁面路由，數(shù)據(jù)更新，事件觸發(fā)。可以幫助開發(fā)者快速定位一些常見的問題

page.json

每一個小程序頁面也可以使用.json文件來對本頁面的窗口表現(xiàn)進行配置。頁面的哦誒址比app.json全局配置簡單的多，只是設(shè)置app.json中的window配置項的內(nèi)容，頁面中配置項會覆蓋app.json的window中相同的配置項。

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