微信小程式開發記錄_03_開發指南_小程式程式碼組成
01, 需要注意的是 JSON 檔案中無法使用註釋,試圖新增註釋將會引發報錯。
JSON的值只能是以下幾種資料格式:
- 數字,包含浮點數和整數
- 字串,需要包裹在雙引號中,注意這裡是雙引號,不是單
- Bool值,true 或者 false
- 陣列,需要包裹在方括號中 []
- 物件,需要包裹在大括號中 {}
- 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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 微信小程式開發記錄_01程式碼構成微信小程式
- 原生微信小程式開發記錄微信小程式
- 微信小程式開發小記微信小程式
- 微信小程式開發微信小程式
- 【小程式】微信小程式開發實踐微信小程式
- 【小程式】微信小程式開發準備微信小程式
- 微信小程式開發教程微信小程式
- 微信小程式開發2微信小程式
- 微信開發與小程式
- 快速開發微信小程式微信小程式
- 微信小程式--聊天室小程式(雲開發)微信小程式
- 微信小程式之-NBA線上直播小程式開發微信小程式
- 微信小程式開發記錄02_執行機制微信小程式
- 微信小程式開發相關記錄(2017.07.25)微信小程式
- 微信小程式開發總結微信小程式
- 開發微信小程式的作用微信小程式
- 微信小程式藍芽開發微信小程式藍芽
- 微信小程式雲開發6微信小程式
- 微信小程式開發神器-Grace微信小程式
- 微信小程式開發--『狗蛋TV』微信小程式
- 使用mpvue開發微信小程式Vue微信小程式
- 使用TypeScript開發微信小程式TypeScript微信小程式
- 微信小程式開發精講微信小程式
- 微信小程式怎麼開通,小程式頁面如何開發微信小程式
- 微信小程式開發02-小程式基本介紹微信小程式
- 微信小程式開發(十一)小程式地圖元件map微信小程式地圖元件
- 微信小程式開發之大神之路最全微信小程式開發教程(視訊+精品文章)微信小程式
- 【微信小程式開發】梔子手作花花微信小程式商城開發最佳實踐微信小程式
- 微信小程式開發學習筆記[4]微信小程式筆記
- mpvue開發微信小程式踩坑筆記Vue微信小程式筆記
- 微信小程式開發學習筆記[2]微信小程式筆記
- 微信小程式開發學習筆記[3]微信小程式筆記
- 美美優選小程式開發(開發小程式)
- 小程式開發筆記筆記
- 微信小程式開發總結(附原始碼)微信小程式原始碼
- 微信小程式開發相關記錄(2017.07.23)微信小程式
- 微信小程式開發風口下,微信小程式該如何運營?微信小程式
- 微信小程式開發系列二:微信小程式的檢視設計微信小程式