前言
微信小程式家喻戶曉，之前搞過半年的前端，閒來無事，研究下小程式語法。總體來說js的語法比較隨意屬於弱型別，不需要像java語法。js一個var 宣告，代替了java的基本型別(int short long float double String),kotlin的語法和js有點神似。

以下程式碼大部分是《微信小程式》開發這本書的程式碼。小部分是除錯程式不同，自己優化後的程式碼

1.小程式的專案結構

1.pages 目錄

存放介面相關的程式碼。一個頁面包含四個檔案，.js,json,.wxss,.wxml
小程式屬於資料驅動檢視。什麼是資料驅動檢視？ android的 mvvm模式，databinding 用法應該屬於這個範疇。
.js ，邏輯部分與後端互動，model 更新，事件bind* function，在這裡處理。包括一些介面渲染後調函式

// pages/demo/demo.js
Page({

  /**
   * 頁面的初始資料
   */
  data: {

  },

  /**
   * 生命週期函式--監聽頁面載入
   */
  onLoad: function (options) {

  },

  /**
   * 生命週期函式--監聽頁面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命週期函式--監聽頁面顯示
   */
  onShow: function () {

  },

  /**
   * 生命週期函式--監聽頁面隱藏
   */
  onHide:
 
 function () {

  },

  /**
   * 生命週期函式--監聽頁面解除安裝
   */
  onUnload: function () {

  },

  /**
   * 頁面相關事件處理函式--監聽使用者下拉動作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 頁面上拉觸底事件的處理函式
   */
  onReachBottom: function () {

  },

  /**
   * 使用者點選右上角分享
   */
  onShareAppMessage: function () {

  }
}
 
)

2. wxml

這個就是檢視顯示相關的檔案，和html元素同樣的功能，但是wxml是小程式團隊對html二次封裝，對一些常用控制元件封裝後的產物。比如，html的div ----->wxml 的 view

3.wxss

全拼 （weixin sheet style）
這裡定義的具體頁面的樣式表樣式。和大部分css樣式相容

eg：

/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
} 

二 utils 資料夾

定義了全域性公共函式

tips：這裡除了在page目錄下的子目錄中對應具體頁面的幾個檔案，還有以app 開頭的檔案比如：app.js,app.json,app.wxss,這些定義全域性引數。如果全域性和具體page目錄下子目錄中定義了同樣的內容則以page中的為準

簡單介紹了小程式工程目錄，有感興趣的去小程式官網

天氣demo

入門級別，大神 繞過>>

簡單功能介紹

1.基礎控制元件使用 view,button,input,text
2.wx 基礎api 網路請求用法，以及資料反序列化，以及資料處理
3.基礎function 用法，funtion呼叫
4.css基礎用法，類樣式的定義方法
5.require用法
var utils = require(’…/…/utils/util.js’)