微信小程序開發(fā)入門之基本的語法介紹上篇
如今,微信小程序越來越流行。很多人習(xí)慣使用小程序開箱即用,所以越來越多的開發(fā)者在開發(fā)小程序。對(duì)于一般會(huì)寫程序的開發(fā)者來說,入門小程序相對(duì)簡(jiǎn)單。但是,如果要實(shí)現(xiàn)小程序的功能,就很少了。
首先,下載一個(gè)& ldquo微信開發(fā)者工具& rdquo,然后才能創(chuàng)建小程序項(xiàng)目。一般情況下,我們可以使用新創(chuàng)建或?qū)氲默F(xiàn)有小程序來操作。創(chuàng)建或?qū)牒?,如下圖所示:
參見上面的app.json文件,這是一個(gè)全局配置文件。主要參數(shù)是& rdquopages & rdquo,一個(gè)是& rdquowindow & rdquo頁面是可以打開配置小程序的所有頁面,其他頁面不能打開,如下圖所示:
如果在您添加的路徑的文件中找不到該文件,則包含。wxml,。wxss,xml.json和。js后綴會(huì)自動(dòng)生成。& rdquowindow & rdquo它用于配置狀態(tài)欄、底部導(dǎo)航欄等的屬性。這個(gè)可以參考官方參數(shù)設(shè)置。
那么app.js就是一個(gè)全局js配置。一般我們可以寫一些用戶手機(jī)設(shè)備的信息,或者如果小程序更新了,提示用戶更新,還有接口和按鍵的信息,頁面上的所有JS文件都可以調(diào)用。
As 小程序采用的是MVVM模式,和我們做網(wǎng)站時(shí)使用的MVC模式有很大區(qū)別,我感覺最大的好處就是wxml頁面的內(nèi)容可以隨著js頁面的參數(shù)內(nèi)容而變化,不需要刷新頁面就可以實(shí)現(xiàn)。下面根據(jù)我個(gè)人的理解談?wù)剋xml頁面和JS頁面的交互功能。
Js頁面
頁面({
數(shù)據(jù):{
熱線電話:& # 39;4008009385',
顯示索引:1
}
})
Wxml頁面
{ {熱線}}
以上是在頁面中輸出手機(jī)。如果你想改變電話號(hào)碼,直接改變熱線的值就可以了??梢杂肑S這樣寫:
//此方法在頁面加載時(shí)觸發(fā),且僅觸發(fā)一次。
onLoad: function () {
變那個(gè)=這個(gè)
Load_index(那個(gè))
},
這樣,默認(rèn)的電話號(hào)碼將被通過API接口傳遞的參數(shù)所取代。當(dāng)然,你可以通過點(diǎn)擊事件來改變它,比如上面的bindtap = & rsquo。ChangeTell & rsquo,就是用js寫一個(gè)click事件。示例如下: ChangeTell: function(){ var that = this that.setData({ 熱線:& ldquo400800xxxx & rdquo//新電話號(hào)碼 }) }, 這里介紹一下微信小程序中最重要的方法,setdata,它是wxml和js之間傳遞參數(shù)的樞紐。除了數(shù)據(jù)中的默認(rèn)參數(shù),所有要傳遞到wxml頁面的參數(shù)都是通過這種方法實(shí)現(xiàn)的。上面的例子是這樣的。 小程序的知識(shí)點(diǎn)有點(diǎn)太雜。想要系統(tǒng)的學(xué)習(xí),就得經(jīng)常翻看小程序中的微信官方文檔。我只做過幾個(gè)小程序項(xiàng)目,小程序的語法遠(yuǎn)沒有到不看文檔直接編程的地步。 這篇文章轉(zhuǎn)載自https://www.szfangwei.cn/news/5727.html. 寒武紀(jì). render(“尾巴”)
本文由“云崛起”原創(chuàng)發(fā)布,未經(jīng)許可,禁止轉(zhuǎn)載!本文原創(chuàng)鏈接:http://www.xiaoweicao.cn/weixinfenxiao/2248.html