你在小程序中需要使用HTML5、 CSS來(lái)創(chuàng)建頁(yè)面,那么你一定會(huì)碰到一些問(wèn)題,比如:
1.小程序中的布局沒(méi)有 JS支持,沒(méi)有 JS渲染邏輯。
2.沒(méi)有內(nèi)置 css,都是靠 JS自己實(shí)現(xiàn)的。
3.很多框架不能使用,比如: Vue、 React。
4.一些常用的布局在小程序中找不到(比如: Html)。
5.框架無(wú)法使用,只能用 JavaScript自己實(shí)現(xiàn)。
那么你就需要一個(gè)微信小程序開發(fā)框架,比如: Flutter、 Gulp等,為什么不用HTML5、 CSS來(lái)創(chuàng)建小程序頁(yè)面呢?下面我們來(lái)了解一下微信小程序開發(fā)框架的具體應(yīng)用。

小程序中的布局沒(méi)有 JS支持
微信小程序開發(fā)中的布局和原生頁(yè)面中的布局是完全一樣的,都是 WXML的文檔樣式。但是原生頁(yè)面中是有 JS支持的,比如: html、 css等,小程序沒(méi)有。所以,你在小程序中寫了一個(gè) HTML、 CSS就會(huì)造成頁(yè)面顯示混亂。
小程序中的代碼需要 JS實(shí)現(xiàn)
微信小程序與原生應(yīng)用***大的不同在于,原生應(yīng)用要用 JS來(lái)實(shí)現(xiàn)。因此,在小程序中的代碼需要用到 JS。而這個(gè) JS可以自己寫,也可以使用現(xiàn)成的,但是更推薦使用自己寫的,這樣能讓你更容易地學(xué)習(xí) JS。
因此,你在小程序中如果想用到原生應(yīng)用的代碼,那么你就要使用微信小程序開發(fā)框架來(lái)實(shí)現(xiàn)(如果你要自己開發(fā)小程序)。當(dāng)然,我們不建議你使用微信小程序開發(fā)框架來(lái)創(chuàng)建代碼,因?yàn)檫@樣會(huì)使你的代碼變得臃腫、難用。
小程序中的一些常用布局,在 JS中找不到
小程序中的一些常用布局,比如: html、 css,在 JS中找不到,而微信小程序開發(fā)框架卻支持這些布局的添加,比如: action、 button等。
目前我的小程序中就有一個(gè)小組件需要添加一個(gè) action。從官方文檔中得知, action是自定義的,不需要在微信小程序開發(fā)框架中使用。
在這里我們需要使用到一個(gè)新的布局:wxml_css. font ():
不過(guò)在官方文檔中沒(méi)有找到具體的定義,但這個(gè)布局應(yīng)該是微信小程序開發(fā)框架自己定義的,它可以自動(dòng)識(shí)別并添加到小程序中。
***后我們來(lái)看看在微信小程序開發(fā)框架中可以用到哪些布局:
很多框架不支持小程序
1. Vue:框架中有一些布局邏輯,如: html、 css、 js等,這些布局在小程序中無(wú)法使用。
2. React: React中的一些布局邏輯無(wú)法在小程序中使用,如: div+ css、 filter等,只能通過(guò) JS實(shí)現(xiàn)。
5.其它框架不支持小程序。
Flutter、 Gulp等框架能直接在小程序中使用
微信小程序開發(fā)框架,可以直接在小程序中使用,這一點(diǎn)是其它開發(fā)框架無(wú)法做到的。比如: Vue、 React等框架,要想使用他們的組件,需要在小程序中寫組件才能使用。如果你自己搞個(gè) WXML、 WXSS,在小程序中是無(wú)法直接使用的。而 Flutter、 Gulp等框架則不需要你寫組件,而是直接在小程序中使用。
這是為什么呢?
最新資訊
相關(guān)文章