微信小程式開發記錄_03_開發指南_小程式程式碼組成

gdutllf2006發表於2019-12-23

01, 需要注意的是 JSON 檔案中無法使用註釋,試圖新增註釋將會引發報錯。

JSON的值只能是以下幾種資料格式:

  1. 數字,包含浮點數和整數
  2. 字串,需要包裹在雙引號中,注意這裡是雙引號,不是單
  3. Bool值,true 或者 false
  4. 陣列,需要包裹在方括號中 []
  5. 物件,需要包裹在大括號中 {}
  6. Null

其他任何格式都會觸發報錯,例如 JavaScript 中的 undefined 

02 WXML模板

WXML 要求標籤必須是嚴格閉合的,沒有閉合將會導致編譯錯誤

需要注意的是,WXML中的屬性是大小寫敏感的,也就是說 class 和 Class 在WXML中是不同的屬性

需要注意的是變數名是大小寫敏感的,也就是說 {{name}} 和 {{Name}} 是兩個不同的變數

資料繫結

邏輯語法

條件邏輯

列表渲染

模板

引用 import/include的區別

共同屬性


03 樣式

--先忽略


04 javascript指令碼

ECMAScript是一種由Ecma國際透過ECMA-262標準化的指令碼程式設計語言, JavaScript 是 ECMAScript 的一種實現

小程式中的 JavaScript 是由ECMAScript 以及小程式框架和小程式 API 來實現的。同瀏覽器中的JavaScript 相比沒有 BOM 以及 DOM 物件,所以類似 JQuery、Zepto這種瀏覽器類庫是無法在小程式中執行起來的,同樣的缺少 Native 模組和NPM包管理的機制,小程式中無法載入原生庫,也無法直接使用大部分的 NPM 包。

明白了小程式中的 JavaScript 同瀏覽器以及NodeJS有所不同後,開發者還需要注意到另外一個問題,不同的平臺的小程式的指令碼執行環境也是有所區別的.

小程式中的指令碼執行順序有所不同。小程式的執行的入口檔案是 app.js 。並且會根據其中 require 的模組順序決定檔案的執行順序

當 app.js 執行結束後,小程式會按照開發者在 app.json 中定義的 pages 的順序,逐一執行.

先app.js,再根據app.json裡定義的頁面,執行裡面的xxx.js

作用域:

在檔案中宣告的變數和函式只在該檔案中有效,不同的檔案中可以宣告相同名字的變數和函式,不會互相影響

當需要使用全域性變數的時,透過使用全域性函式 getApp() 獲取全域性的例項,並設定相關屬性值,來達到設定全域性變數的目的

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/10248702/viewspace-2669910/,如需轉載,請註明出處,否則將追究法律責任。

相關文章