首頁

物聯(lián)資訊

小程序開發(fā)定制文章

微信小程序用什么開發(fā)

作者：無代碼開發(fā)專家小周

閱讀數(shù)：1395

更新時間：2024-02-23 20:34:49

p>微信小程序是一種不需要下載安裝即可使用的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開應(yīng)用。也體現(xiàn)了“用完即走”的理念，用戶不用關(guān)心是否安裝太多應(yīng)用的問題。

近幾年來，微信小程序發(fā)展迅速，不少同學(xué)對小程序的開發(fā)感興趣?，F(xiàn)在就讓我們來大概了解一下微信小程序開發(fā)需要學(xué)習(xí)什么編程語言。

一、小程序的代碼構(gòu)成
在上一章中，我們通過微信開發(fā)者工具快速創(chuàng)建了一個快速入門項目，其中生成了以下類型的文件：

以 .json 為后綴的 JSON 配置文件
以 .wxml 為后綴的 WXML 模板文件
以 .wxss 為后綴的 WXSS 樣式文件
.js后綴的JS腳本邏輯文件

現(xiàn)在您或許不知道這些文件的用處，不過沒關(guān)系，這只是第一步，下面會為您分別介紹

二、JSON 配置

JSON 是一種數(shù)據(jù)格式，而不是一種編程語言。在小程序中，JSON 用于靜態(tài)配置。

三、WXML 模板
所有網(wǎng)頁程序員都知道網(wǎng)頁是使用 HTML、CSS 和 JavaScript 構(gòu)建的，其中 HTML 描述了頁面的結(jié)構(gòu)，CSS 決定了頁面的外觀，而 JS 定義了頁面與用戶之間的交互。

類似的角色也存在于小程序中，WXML 相當(dāng)于 HTML。

四、WXSS 風(fēng)格
WXSS 具有 CSS 的大部分特性，但在小程序中加入了一些新特性和修改。

添加了新的尺寸單位。在編寫 CSS 樣式時，開發(fā)者需要對像素單位進(jìn)行轉(zhuǎn)換，以適應(yīng)不同寬度和像素比例的不同移動設(shè)備屏幕。 WXSS 底層支持新的 rpx 單元，允許小程序接管開發(fā)者的工作，并在底層轉(zhuǎn)換單元。由于單位是使用浮點運算轉(zhuǎn)換的，因此結(jié)果可能會與預(yù)期的結(jié)果略有偏差。

提供了全局和本地樣式。與上面的 app.json 和 page.json 類似，app.wxss 可以寫成全局樣式，適用于小程序的所有頁面。本地頁面樣式 page.wxss 僅適用于當(dāng)前頁面。

WXSS 僅支持某些 CSS 選擇器

五、JS 邏輯交互
服務(wù)僅顯示界面是不夠的。需要與用戶交互，例如響應(yīng)用戶的點擊和獲取用戶的位置。在小程序中，我們通過編寫JS腳本來處理用戶的操作。

通過閱讀上文，不難發(fā)現(xiàn)小程序和網(wǎng)頁開發(fā)的諸多相似之處，因此在學(xué)習(xí)小程序開發(fā)之前，我們強烈建議您學(xué)習(xí)HTML和CSS的相關(guān)內(nèi)容，相信我，在學(xué)完之后您一定會對小程序開發(fā)更加得心應(yīng)手。