中文字幕 日本 在线 高清,久久精品国产99精品国,超碰人人香蕉,一区二区三区无码高清视频

微信小程序開(kāi)發(fā)最常見(jiàn)的代碼(微信小程序開(kāi)發(fā)最常見(jiàn)的代碼是)

今天小程序小編為大家?guī)?lái)微信小程序開(kāi)發(fā)最常見(jiàn)的代碼,喜歡的記得收藏喔!

在通過(guò)微信小程序開(kāi)發(fā)者工具開(kāi)發(fā)一款小程序時(shí),起初我們會(huì)自動(dòng)生成一些文件目錄,這個(gè)文件目錄有4種不同的類型,主要分成4種:.wxml 后綴的 WXML 模板文件,.wxss 后綴的 WXSS 樣式文件,.js 后綴的 JS 腳本邏輯文件以及. JSON 后綴的 JSON 配置文件,微信小程序的開(kāi)發(fā)代碼就是由這些構(gòu)成。

1、WXSS 樣式:

WXSS就是小程序版的CSS,它具有CSS 大部分的特性,小程序在 WXSS 也做了一些擴(kuò)充和修改。

2、WXML 模板:

開(kāi)發(fā)過(guò)網(wǎng)頁(yè)的人知道,網(wǎng)頁(yè)開(kāi)發(fā)編程采用的是HTML CSS JS這樣的框架組合,其中HTML是用來(lái)制作當(dāng)前這個(gè)頁(yè)面的整體框架結(jié)構(gòu),CSS 用來(lái)提供結(jié)構(gòu)樣式,JS 則是進(jìn)行邏輯處理以及這個(gè)頁(yè)面和用戶的交互。

JS 只需要管理狀態(tài)即可:

this.setData({msg: Hello World })通過(guò) {{ }} 的語(yǔ)法把一個(gè)變量綁定到界面上,我們稱為數(shù)據(jù)綁定。僅僅通過(guò)數(shù)據(jù)綁定還不夠完整的描述狀態(tài)和界面的關(guān)系,還需要 if/else, for等控制能力,在小程序里邊,這些控制能力都用 wx: 開(kāi)頭的屬性來(lái)表達(dá)。

微信小程序開(kāi)發(fā)最常見(jiàn)的代碼(微信小程序開(kāi)發(fā)最常見(jiàn)的代碼是)

微信小程序開(kāi)發(fā)最常見(jiàn)的代碼

3、JSON 配置:

我們可以看到在項(xiàng)目的根目錄有一個(gè) app.json 和 project.config.json,此外在 pages/logs 目錄下還有一個(gè) logs.json,我們依次來(lái)說(shuō)明一下他們的用途。

小程序配置 app.json

app.json 是對(duì)當(dāng)前小程序的全局配置,包括了小程序的所有頁(yè)面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時(shí)時(shí)間、底部 tab 等。QuickStart 項(xiàng)目里邊的 app.json 配置內(nèi)容如下:

{ pages:[ pages/index/index, pages/logs/logs

], window:{ backgroundTextStyle:light, navigationBarBackgroundColor:#fff, navigationBarTitleText: WeChat, navigationBarTextStyle:black

}

}

這個(gè)配置各個(gè)項(xiàng)的含義如下:

pages字段 —— 用于描述當(dāng)前小程序所有頁(yè)面路徑,這是為了讓微信客戶端知道當(dāng)前你的小程序頁(yè)面定義在哪個(gè)目錄。

window字段 —— 小程序所有頁(yè)面的頂部背景顏色,文字顏色定義在這里的。

工具配置 project.config.json

通常大家在使用一個(gè)工具的時(shí)候,都會(huì)針對(duì)各自喜好做一些個(gè)性化配置,例如界面顏色、編譯配置等等,當(dāng)你換了另外一臺(tái)電腦重新安裝工具的時(shí)候,你還要重新配置。

考慮到這點(diǎn),小程序開(kāi)發(fā)者工具在每個(gè)項(xiàng)目的根目錄都會(huì)生成一個(gè) project.config.json,你在工具上做的任何配置都會(huì)寫入到這個(gè)文件,當(dāng)你重新安裝工具或者換電腦工作時(shí),你只要載入同一個(gè)項(xiàng)目的代碼包,開(kāi)發(fā)者工具就自動(dòng)會(huì)幫你恢復(fù)到當(dāng)時(shí)你開(kāi)發(fā)項(xiàng)目時(shí)的個(gè)性化配置,其中會(huì)包括編輯器的顏色、代碼上傳時(shí)自動(dòng)壓縮等等一系列選項(xiàng)。

頁(yè)面配置 page.json

這里的 page.json 其實(shí)用來(lái)表示 pages/logs 目錄下的 logs.json 這類和小程序頁(yè)面相關(guān)的配置。

如果你整個(gè)小程序的風(fēng)格是藍(lán)色調(diào),那么你可以在 app.json 里邊聲明頂部顏色是藍(lán)色即可。實(shí)際情況可能不是這樣,可能你小程序里邊的每個(gè)頁(yè)面都有不一樣的色調(diào)來(lái)區(qū)分不同功能模塊,因此我們提供了 page.json,讓開(kāi)發(fā)者可以獨(dú)立定義每個(gè)頁(yè)面的一些屬性,例如剛剛說(shuō)的頂部顏色、是否允許下拉刷新等等。

4、JS 交互邏輯

一個(gè)服務(wù)僅僅只有界面展示是不夠的,還需要和用戶做交互:響應(yīng)用戶的點(diǎn)擊、獲取用戶的位置等等。在小程序里邊,我們就通過(guò)編寫 JS 腳本文件來(lái)處理用戶的操作。

{{ msg }}點(diǎn)擊我

點(diǎn)擊 button 按鈕的時(shí)候,我們希望把界面上 msg 顯示成 Hello World,于是我們?cè)?button 上聲明一個(gè)屬性: bindtap ,在 JS 文件里邊聲明了 clickMe 方法來(lái)響應(yīng)這次點(diǎn)擊操作:

Page({

clickMe: function() { this.setData({ msg: Hello World})

}

})

此外你還可以在 JS 中調(diào)用小程序提供的豐富的 API,利用這些 API 可以很方便的調(diào)起微信提供的能力,例如獲取本地存儲(chǔ)、用戶信息、微信支付等。

以上4種是微信小程序開(kāi)發(fā)最常見(jiàn)的代碼,希望能幫到大家,想了解更多是商城網(wǎng)站建設(shè)問(wèn)題,可以咨詢TPshop小程序商城。

關(guān)注作者,關(guān)注TPshop開(kāi)源商城(tp-shop.cn),每天給你寫點(diǎn)不給寫的,看點(diǎn)不給看的。

版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn),該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請(qǐng)發(fā)送郵件至 舉報(bào),一經(jīng)查實(shí),本站將立刻刪除。

(0)
上一篇 2024年5月10日 上午11:18
下一篇 2024年5月10日 上午11:30

相關(guān)推薦

  • 科研項(xiàng)目與地區(qū)經(jīng)濟(jì)社會(huì)發(fā)展的相關(guān)性

    科研項(xiàng)目與地區(qū)經(jīng)濟(jì)社會(huì)發(fā)展的相關(guān)性 隨著科技的不斷發(fā)展,科研項(xiàng)目已經(jīng)成為了地區(qū)經(jīng)濟(jì)社會(huì)發(fā)展的重要推動(dòng)力量。一個(gè)地區(qū)的科研項(xiàng)目越多,就越能夠促進(jìn)該地區(qū)的經(jīng)濟(jì)發(fā)展和社會(huì)進(jìn)步。本文將探討…

    科研百科 2024年10月21日
    2
  • 系統(tǒng)項(xiàng)目管理師三點(diǎn)估算

    系統(tǒng)項(xiàng)目管理師三點(diǎn)估算 系統(tǒng)項(xiàng)目管理師是負(fù)責(zé)系統(tǒng)項(xiàng)目的計(jì)劃,控制,監(jiān)督和協(xié)調(diào)的專業(yè)人員。在進(jìn)行系統(tǒng)項(xiàng)目管理時(shí),三點(diǎn)估算是必不可少的。三點(diǎn)估算包括:項(xiàng)目估算、成本估算和進(jìn)度估算。本文…

    科研百科 2025年1月28日
    2
  • 建設(shè)工程 項(xiàng)目管理

    建設(shè)工程項(xiàng)目管理 在建設(shè)工程項(xiàng)目管理中,有許多因素需要考慮,以確保項(xiàng)目的成功完成。這些因素包括時(shí)間、質(zhì)量、成本和安全。本文將討論建設(shè)工程項(xiàng)目管理的各個(gè)方面,并提供一些實(shí)用的建議,以…

    科研百科 2025年1月8日
    2
  • 科研項(xiàng)目第四類有哪些項(xiàng)目呢(科研項(xiàng)目第四類有哪些項(xiàng)目)

    科研項(xiàng)目第四類有哪些項(xiàng)目 科研項(xiàng)目第四類是指那些不涉及直接生產(chǎn)或銷售產(chǎn)品或服務(wù)的科研項(xiàng)目。這些項(xiàng)目通常涉及科學(xué)和技術(shù)的研究,旨在提高科學(xué)技術(shù)水平,推動(dòng)人類社會(huì)的發(fā)展。 以下是一些常…

    科研百科 2024年4月10日
    73
  • 政務(wù)協(xié)同辦公管理平臺(tái)

    政務(wù)協(xié)同辦公管理平臺(tái) 政務(wù)協(xié)同辦公管理平臺(tái)是一種新型的數(shù)字工作方式,它能夠幫助政府相關(guān)部門更好地協(xié)同工作,提高工作效率,提高工作質(zhì)量。政務(wù)協(xié)同辦公管理平臺(tái)的出現(xiàn),為政府相關(guān)部門提供…

    科研百科 2025年1月9日
    3
  • 兩新黨建工作指導(dǎo)員政策

    兩新黨建工作指導(dǎo)員政策 隨著互聯(lián)網(wǎng)技術(shù)的快速發(fā)展和數(shù)字經(jīng)濟(jì)的興起,兩新組織(指新技術(shù)企業(yè)、新經(jīng)濟(jì)組織)已經(jīng)成為中國(guó)共產(chǎn)黨工作的重要領(lǐng)域之一。為了更好地支持兩新黨建工作,中共中央發(fā)布…

    科研百科 2024年11月12日
    4
  • 【解局】被中國(guó)采取反制措施的兩家美國(guó)機(jī)構(gòu),都有哪些涉臺(tái)“黑歷史”?

    來(lái)源:環(huán)球時(shí)報(bào)-環(huán)球網(wǎng) 【環(huán)球時(shí)報(bào)-環(huán)球網(wǎng)報(bào)道 記者白云怡 王琪 趙覺(jué)珵】7日,中國(guó)外交部發(fā)布關(guān)于對(duì)美國(guó)哈德遜研究所、里根圖書館及其負(fù)責(zé)人采取反制措施的決定,對(duì)上述兩家機(jī)構(gòu)和相關(guān)四…

    科研百科 2023年5月7日
    268
  • 科研項(xiàng)目難度等級(jí)評(píng)分

    科研項(xiàng)目難度等級(jí)評(píng)分 隨著科技的不斷發(fā)展,科研項(xiàng)目的難度等級(jí)也在不斷提高。不同的科研項(xiàng)目具有不同的難度,需要不同的人員和資源來(lái)完成。為了幫助人們更好地評(píng)估和理解不同科研項(xiàng)目的難度,…

    科研百科 2025年3月27日
    5
  • 文科科研項(xiàng)目預(yù)算表

    文科科研項(xiàng)目預(yù)算表 文科科研項(xiàng)目預(yù)算表是一份用于記錄和跟蹤一個(gè)文科科研項(xiàng)目的預(yù)算表格。它通常用于記錄研究人員、實(shí)驗(yàn)設(shè)備、材料和成本等。一份好的文科科研項(xiàng)目預(yù)算表應(yīng)該包括以下內(nèi)容: …

    科研百科 2025年4月7日
    3
  • 為什么選擇輕量級(jí)播控系統(tǒng)?(為什么選擇輕量級(jí)播控系統(tǒng)呢)

    相比較于一些致力于渠道建設(shè)的企業(yè),市場(chǎng)上存在大量對(duì)于屏幕管理和內(nèi)容刊播需求較小的政企和商戶門店,復(fù)雜的信息發(fā)布系統(tǒng)顯然無(wú)論從建設(shè)成本或者維護(hù)成本上對(duì)于這些用戶都是非常不友好的,因?yàn)?#8230;

    科研百科 2023年4月14日
    259