2. 建立專案
我們需要通過開發者工具，來完成小程式建立和**編輯。
3.編寫**
建立小程式例項
建立頁面
每乙個小程式頁面是由同路徑下同名的四個不同字尾檔案的組成，如：index.js、index.wxml、index.wxss、index.json。.js字尾的檔案是指令碼檔案，.json字尾的檔案是配置檔案，.wxss字尾的是樣式表檔案，.wxml字尾的檔案是頁面結構檔案。
index.wxml 是頁面的結構檔案：
本例中使用了、、、來搭建頁面結構，繫結資料和互動處理函式。
index.js 是頁面的指令碼檔案，在這個檔案中我們可以監聽並處理頁面的生命週期函式、獲取小程式例項，宣告並處理資料，響應頁面互動事件等。
index.wxss 是頁面的樣式表：
index.json 是頁面的配置檔案：
logs 的頁面結構
logs 頁面使用 控制標籤來組織**，在 上使用 wx:for 繫結 logs 資料，並將 logs 資料迴圈展開節點
執行結果如下：
4. 手機預覽
微信小程式開發文件 畫布
canvas 屬性名型別預設值 說明canvas id string canvas 元件的唯一識別符號 disable scroll boolean false 當在 canvas 中移動時且有繫結手勢事件時，禁止螢幕滾動以及下拉重新整理 bindtouchstart eventhandle 手指觸...
微信小程式開發
一 開發準備 二 開發工具的使用 編碼目錄結構 1 wxml的功能 資料繫結 資料繫結使用 mustache 語法 雙大括號 將變數包起來。列表渲染 wx for 在元件上使用 wx for 控制屬性繫結乙個陣列，即可使用陣列中各項的資料重複渲染該元件。block wx for 類似 block w...
微信小程式開發文件 樣式基礎
1.尺寸寬 weight rpx 最小寬度 min weight rpx 最大寬度 max weight rpx 高 height rpx 最小高度 min height rpx 最大高度 max height rpx 2.背景 背景顏色 background color 背景 background...