前言
微信小程式家喻戶曉，之前搞過半年的前端，閑來無事，研究下小程式文法。總體來說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
入門級别，大神 繞過>>
簡單功能介紹