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

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