小程序代碼組成

描述

對(duì)微信小程序官方文檔的要點(diǎn)摘錄

JSON

  • JSON文件在小程序代碼中扮演靜態(tài)配置的作用容为,在小程序運(yùn)行之前就決定了小程序一些表現(xiàn)秽浇。
    需要注意的是小程序是無(wú)法在運(yùn)行過(guò)程中去動(dòng)態(tài)更新JSON 配置文件從而發(fā)生對(duì)應(yīng)的變化的噪漾。
  • JSON文件都是被包裹在一個(gè)大括號(hào)中 {}驻啤,通過(guò)“key”:“value”的方式來(lái)表達(dá)數(shù)據(jù)
  • JSON的值只能是以下幾種數(shù)據(jù)格式
    a. 數(shù)字框产,包含浮點(diǎn)數(shù)和整數(shù)
    b. 字符串贰逾,需要包裹在雙引號(hào)中
    c. Bool值悬荣,true 或者 false
    d. 數(shù)組,需要包裹在方括號(hào)中 []
    e. 對(duì)象疙剑,需要包裹在大括號(hào)中 {}
    f. Null
  • 不可添加注釋

WXML

  • 基本語(yǔ)法
<!-- 在此處寫注釋 -->
<標(biāo)簽名 屬性名1="屬性值1" 屬性名2="屬性值2" ...> ...</標(biāo)簽名>
  • 屬性對(duì)大小寫敏感氯迂,變量名對(duì)大小寫敏感
  • WXML 通過(guò) {{變量名}} 來(lái)綁定 WXML 文件和對(duì)應(yīng)的 JavaScript 文件中的 data 對(duì)象屬性。這樣可以實(shí)現(xiàn)動(dòng)態(tài)改變
    屬性值也可以動(dòng)態(tài)的去改變核芽,有所不同的是囚戚,屬性值必須被包裹在雙引號(hào)中,eg:屬性名1="{{屬性值1}}"
    沒(méi)有被定義的變量的或者是被設(shè)置為 undefined 的變量不會(huì)被同步到 wxml 中
  • 還可以在雙中括號(hào) {{ }} 內(nèi)進(jìn)行簡(jiǎn)單的邏輯運(yùn)算
  • 支持用 “+” 符號(hào)進(jìn)行字符串拼接轧简,如果在兩個(gè)數(shù)字之間用 “+” 則是顯示 “+” 號(hào)驰坊,而非進(jìn)行加法
  • 使用屬性 wx:if="{{condition}}" 來(lái)判斷是否需要渲染該代碼塊
    同樣 else if 對(duì)應(yīng)著 wx:elif="{{condition}}"
    else 對(duì)應(yīng)著 wx:else
  • 屬性wx:for="{{array}}" 可遍歷數(shù)組array
    其中當(dāng)前項(xiàng)下標(biāo)用 index 表示,當(dāng)前項(xiàng)變量名用 item 表示
    在屬性 wx:for="{{array}}" 后使用屬性 wx:for-item="itemName" 指定數(shù)組當(dāng)前元素的變量名為itemName哮独,使用屬性 wx:for-index="idx" 指定數(shù)組當(dāng)前下標(biāo)為idx

JavaScript

  • 小程序中的腳本執(zhí)行順序有所不同拳芙。小程序的執(zhí)行的入口文件是 app.js 察藐,并且會(huì)根據(jù)其中 require 的模塊順序決定文件的運(yùn)行順序。當(dāng) app.js 執(zhí)行結(jié)束后舟扎,小程序會(huì)按照開(kāi)發(fā)者在 app.json中定義的 pages 的順序分飞,逐一執(zhí)行。
  • 在文件中聲明的變量和函數(shù)只在該文件中有效睹限,不同的文件中可以聲明相同名字的變量和函數(shù)譬猫,不會(huì)互相影響。

頁(yè)面

  • 頁(yè)面路徑需要在小程序代碼根目錄app.json中的pages字段聲明羡疗,否則這個(gè)頁(yè)面不會(huì)被注冊(cè)到宿主環(huán)境中染服。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市叨恨,隨后出現(xiàn)的幾起案子柳刮,更是在濱河造成了極大的恐慌,老刑警劉巖痒钝,帶你破解...
    沈念sama閱讀 212,454評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件秉颗,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡送矩,警方通過(guò)查閱死者的電腦和手機(jī)蚕甥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)益愈,“玉大人梢灭,你說(shuō)我怎么就攤上這事≌羝洌” “怎么了敏释?”我有些...
    開(kāi)封第一講書人閱讀 157,921評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)摸袁。 經(jīng)常有香客問(wèn)我钥顽,道長(zhǎng),這世上最難降的妖魔是什么靠汁? 我笑而不...
    開(kāi)封第一講書人閱讀 56,648評(píng)論 1 284
  • 正文 為了忘掉前任蜂大,我火速辦了婚禮,結(jié)果婚禮上蝶怔,老公的妹妹穿的比我還像新娘奶浦。我一直安慰自己,他們只是感情好踢星,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,770評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布澳叉。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪成洗。 梳的紋絲不亂的頭發(fā)上五督,一...
    開(kāi)封第一講書人閱讀 49,950評(píng)論 1 291
  • 那天,我揣著相機(jī)與錄音瓶殃,去河邊找鬼充包。 笑死,一個(gè)胖子當(dāng)著我的面吹牛遥椿,可吹牛的內(nèi)容都是我干的基矮。 我是一名探鬼主播,決...
    沈念sama閱讀 39,090評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼修壕,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼愈捅!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起慈鸠,我...
    開(kāi)封第一講書人閱讀 37,817評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎灌具,沒(méi)想到半個(gè)月后青团,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,275評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡咖楣,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,592評(píng)論 2 327
  • 正文 我和宋清朗相戀三年督笆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片诱贿。...
    茶點(diǎn)故事閱讀 38,724評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡娃肿,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出珠十,到底是詐尸還是另有隱情料扰,我是刑警寧澤,帶...
    沈念sama閱讀 34,409評(píng)論 4 333
  • 正文 年R本政府宣布焙蹭,位于F島的核電站晒杈,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏孔厉。R本人自食惡果不足惜拯钻,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,052評(píng)論 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望撰豺。 院中可真熱鬧粪般,春花似錦、人聲如沸污桦。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,815評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至捆憎,卻和暖如春舅柜,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背躲惰。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,043評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工致份, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人础拨。 一個(gè)月前我還...
    沈念sama閱讀 46,503評(píng)論 2 361
  • 正文 我出身青樓氮块,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親诡宗。 傳聞我的和親對(duì)象是個(gè)殘疾皇子滔蝉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,627評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容