蘇州小程序開(kāi)發(fā)公司入門(mén)之基本的語(yǔ)法介紹上篇:在微信小程序越來(lái)越流行的今天,很多人已經(jīng)習(xí)慣了使用即時(shí)開(kāi)放的小程序,所以越來(lái)越多的開(kāi)發(fā)者開(kāi)發(fā)小程序。對(duì)于一般會(huì)寫(xiě)程序的開(kāi)發(fā)者來(lái)說(shuō),小程序的介紹相對(duì)簡(jiǎn)單,但要想實(shí)現(xiàn)小程序的功能,就必須具備一定的基本功,這是微信小程序的基本語(yǔ)法。現(xiàn)在我們來(lái)簡(jiǎn)單談?wù)勑〕绦虻幕菊Z(yǔ)法。先下載一個(gè)“微信開(kāi)發(fā)者工具”一般來(lái)說(shuō),我們可以使用新的創(chuàng)建或?qū)氍F(xiàn)有的小程序來(lái)操作。創(chuàng)建或?qū)牒?,如下圖所示:看到上面的app.json文件,這是一個(gè)全球配置文件。
主要有兩個(gè)參數(shù),一個(gè)是”pages”,一個(gè)是”window”,pages所有可以打開(kāi)的頁(yè)面都用于配置小程序,而其他頁(yè)面不能打開(kāi)。如下圖所示:如果您添加的路徑文件中沒(méi)有文件,它將自動(dòng)生成原因.wxml,.wxss,xml.json,.js由后綴組成的文件。”window”它是用來(lái)配置狀態(tài)欄、底部導(dǎo)航欄等屬性的,這個(gè)參考官方參數(shù)就可以設(shè)置了。然后是app.js是全局的JS配置,一般我們可以寫(xiě)一些獲取用戶(hù)的手機(jī)設(shè)備信息,或者如果小程序更新,提示用戶(hù)更新,以及頁(yè)面上所有的接口和密鑰信息JS文件調(diào)用的內(nèi)容。
因?yàn)樾〕绦蚴褂玫氖荕VVM這與我們?cè)谧鼍W(wǎng)站時(shí)使用的模式有關(guān)MVC模式差別很大,我覺(jué)得最大的好處就是,wxml頁(yè)面的內(nèi)容可以伴隨頁(yè)面的內(nèi)容js頁(yè)面的參數(shù)內(nèi)容可以改變,無(wú)需刷新頁(yè)面即可實(shí)現(xiàn)。讓我們根據(jù)我個(gè)人的理解來(lái)談?wù)剋xml頁(yè)面與JS頁(yè)面的交互功能。Js頁(yè)面Page({data:{hotLine:'4008009385',show_index:1}})Wxml頁(yè)面{{hotLine}}以上是在頁(yè)面上輸出電話(huà),如果要更改電話(huà)號(hào)碼,直接更改hotLine值就行了,JS可以這樣寫(xiě)://加載頁(yè)面時(shí)觸發(fā)此方法,只觸發(fā)一次onLoad:function(){varthat=thisLoad_index(that)},這樣,默認(rèn)的電話(huà)號(hào)碼就會(huì)被通過(guò)API。
當(dāng)然,您可以通過(guò)點(diǎn)擊事件來(lái)改變接口傳輸?shù)膮?shù),例如上面的bindtap=’ChangeTell’,就是在js例如:ChangeTell:function(){varthat=this;that.setData({hotLine:“400800xxxx”//新電話(huà)號(hào)碼}setData,它是wxml與js除了之間傳遞參數(shù)的樞紐外,data除默認(rèn)參數(shù)外,所有參數(shù)都要傳遞給wxml頁(yè)面的參數(shù)的參數(shù)。
小程序的知識(shí)點(diǎn)太復(fù)雜了。如果你想系統(tǒng)地學(xué)習(xí),你必須經(jīng)常閱讀小程序中的微信官方文檔。我只做了幾個(gè)小程序項(xiàng)目,小程序的語(yǔ)法遠(yuǎn)沒(méi)有達(dá)到直接編程的地步。小程序的知識(shí)點(diǎn)太復(fù)雜了。如果你想系統(tǒng)地學(xué)習(xí),你必須經(jīng)常閱讀小程序中的微信官方文檔。我只做了幾個(gè)小程序項(xiàng)目,小程序的語(yǔ)法遠(yuǎn)沒(méi)有達(dá)到直接編程的地步。關(guān)于
蘇州小程序開(kāi)發(fā)公司入門(mén)之基本的語(yǔ)法介紹上篇的內(nèi)容已在上文簡(jiǎn)述!