5566中文字幕|大香肠一区二区三区|亚洲欧美另类图区|久久伊人色色五月|亚州精品无码黄片|五月天丁香色婷婷|青青草原黄色爽爽爽|国产桃色69av|狠狠干五月天视频|亚洲色图视频聊天

小程序開發(fā)教程|小程序開發(fā)用什么語言

2019-08-15 19:41:00

小程序開發(fā)用什么語言?如今依然進(jìn)入了小程序時代,那么小程序開發(fā)需求也在不斷增加,小程序開發(fā)公司邁特科技整理一下小程序開發(fā)教程之小程序開發(fā)語言一起學(xué)習(xí)交流。


當(dāng)使用小程序開發(fā)者工具快速創(chuàng)建了一個 QuickStart 項目之后就會看到這個項目里邊生成了不同類型的文件:.json 后綴的 JSON 配置文件、.wxml 后綴的 WXML 模板文件、.wxss 后綴的 WXSS 樣式文件、.js 后綴的 JS 腳本邏輯文件。關(guān)于小程序開發(fā)這幾個文件的使用說明具體如下。


小程序開發(fā)教程,小程序開發(fā)用什么語言.jpg


1、小程序配置 app.json 

app.json是當(dāng)前小程序的全局配置,包括了小程序的所有頁面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時時間、底部 tab 等。


2、WXML 模板

在小程序中WXML 充當(dāng)?shù)木褪穷愃?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)是一種樣式語言,是用來表示W(wǎng)XML的樣式的。WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些擴(kuò)充和修改。

 

1)新增了尺寸單位。在寫 CSS 樣式時,開發(fā)者需要考慮到手機(jī)設(shè)備的屏幕會有不同的寬度和設(shè)備像素比,采用一些技巧來換算一些像素單位。WXSS 在底層支持新的尺寸單位 rpx ,開發(fā)者可以免去換算的煩惱,只要交給小程序底層來換算即可,由于換算采用的浮點數(shù)運算,所以運算結(jié)果會和預(yù)期結(jié)果有一點點偏差。

 

2)提供了全局的樣式和局部樣式。和前邊 app.json, page.json 的概念相同,你可以寫一個 app.wxss 作為全局樣式,會作用于當(dāng)前小程序的所有頁面,局部頁面樣式 page.wxss 僅對當(dāng)前頁面生效。

 

3)此外 WXSS 僅支持部分 CSS 選擇器

 

4、JS 交互

小程序的交互是基于JS實現(xiàn)的,是一種腳本語言,包括響應(yīng)用戶的點擊、獲取用戶的位置等等。

 

邁特科技——靠譜的技術(shù)伙伴,為企業(yè)提供一站式技術(shù)服務(wù)。主要業(yè)務(wù)范圍有:APP開發(fā)、小程序開發(fā)、微信開發(fā)、電商系統(tǒng)開發(fā)、物聯(lián)網(wǎng)(IOT)開發(fā)、網(wǎng)站建設(shè)等互聯(lián)網(wǎng)+領(lǐng)域。

 

小程序開發(fā)www.cljzgol.cn

微信小程序開發(fā)教程www.cljzgol.cn/tag_6

微信訂水系統(tǒng)www.cljzgol.cn/article_364.html


推薦文章

微信咨詢

咨詢熱線

0377-6698 8886

收起
頂部

回到頂部