小程序開(kāi)發(fā)用什么語(yǔ)言？如今依然進(jìn)入了小程序時(shí)代，那么小程序開(kāi)發(fā)需求也在不斷增加，小程序開(kāi)發(fā)公司咕嘟網(wǎng)絡(luò)科技整理一下小程序開(kāi)發(fā)教程之小程序開(kāi)發(fā)語(yǔ)言一起學(xué)習(xí)交流。
當(dāng)使用小程序開(kāi)發(fā)者工具快速創(chuàng)建了一個(gè) QuickStart 項(xiàng)目之后就會(huì)看到這個(gè)項(xiàng)目里邊生成了不同類(lèi)型的文件:.json 后綴的 JSON 配置文件、.wxml 后綴的 WXML 模板文件、.wxss 后綴的 WXSS 樣式文件、.js 后綴的 JS 腳本邏輯文件。關(guān)于小程序開(kāi)發(fā)這幾個(gè)文件的使用說(shuō)明具體如下。
1、小程序配置 app.json
app.json是當(dāng)前小程序的全局配置，包括了小程序的所有頁(yè)面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時(shí)時(shí)間、底部 tab 等。
2、WXML 模板
在小程序中WXML 充當(dāng)?shù)木褪穷?lèi)似 HTML 的角色。和 HTML 非常相似，WXML 由標(biāo)簽、屬性等等構(gòu)成，但是也有很多不一樣的地方。
<view class="container">
<view class="userinfo">
<button wx:if="{{!hasUserInfo && canIUse}}">獲取頭像昵稱</button>
<block wx:else>
<image src="{{userInfo.avatarUrl}}" background-size="cover"></image>
<text class="userinfo-nickname">{{userInfo.nickName}}</text>
</block>
</view>
<view class="usermotto">
<text class="user-motto">{{motto}}</text>
</view></view>
3、WXSS 樣式文件
WXSS（Weixin Style Sheets）是一種樣式語(yǔ)言，是用來(lái)表示W(wǎng)XML的樣式的。WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些擴(kuò)充和修改。
1）新增了尺寸單位。在寫(xiě) CSS 樣式時(shí)，開(kāi)發(fā)者需要考慮到手機(jī)設(shè)備的屏幕會(huì)有不同的寬度和設(shè)備像素比，采用一些技巧來(lái)?yè)Q算一些像素單位。WXSS 在底層支持新的尺寸單位 rpx ，開(kāi)發(fā)者可以免去換算的煩惱，只要交給小程序底層來(lái)?yè)Q算即可，由于換算采用的浮點(diǎn)數(shù)運(yùn)算，所以運(yùn)算結(jié)果會(huì)和預(yù)期結(jié)果有一點(diǎn)點(diǎn)偏差。
2）提供了全局的樣式和局部樣式。和前邊 app.json, page.json 的概念相同，你可以寫(xiě)一個(gè) app.wxss 作為全局樣式，會(huì)作用于當(dāng)前小程序的所有頁(yè)面，局部頁(yè)面樣式 page.wxss 僅對(duì)當(dāng)前頁(yè)面生效。
3）此外 WXSS 僅支持部分 CSS 選擇器
4、JS 交互
小程序的交互是基于JS實(shí)現(xiàn)的，是一種腳本語(yǔ)言，包括響應(yīng)用戶的點(diǎn)擊、獲取用戶的位置等等。
咕嘟網(wǎng)絡(luò)科技——靠譜的技術(shù)伙伴，為企業(yè)提供一站式技術(shù)服務(wù)。主要業(yè)務(wù)范圍有：APP開(kāi)發(fā)、小程序開(kāi)發(fā)、微信開(kāi)發(fā)、電商系統(tǒng)開(kāi)發(fā)、物聯(lián)網(wǎng)（IOT）開(kāi)發(fā)、網(wǎng)站建設(shè)等互聯(lián)網(wǎng)+領(lǐng)域。
小程序開(kāi)發(fā)：
微信小程序開(kāi)發(fā)教程： /tag_6
微信訂水系統(tǒng)： /article_364.html
