# 微信小程序

嚴格來講，微信小程序支持全部的開發工具，可是從效率和便利性來講，推薦以下

微信本身的微信小程序開發工具 下載地址

1，全局的配置文件：
page：json文件不能有註釋代碼
window： (頭部)
    navigationBarBackgroundColor：只能是支持16進制的顏色
    navigationBarTitleText:開頭的標題
    navigationBarTextStyle:指的是字體的顏色（只能爲white/black）  
        
        
tabBar:(導航)     *****list須要至少兩個，最多五個
    "tabBar": {
    "list": [{---------->數組套對象
      "pagePath": "pagePath",(路徑)
      "text": "text",（導航的文字）
      "iconPath": "iconPath",（圖片）
      "selectedIconPath": "selectedIconPath"（肯定圖片）
    }]
        
tabBar:下的導航字體背景顏色，字體顏色，肯定顏色,以及邊框均可以設定
    "backgroundColor": "#fff000",
    "color": "#0066CC",
    "selectedColor": "#003399",
     "borderStyle": "black",且只能是 "white/black"

若是頁面裏面不是tabBar頁面的話，它是沒有導航欄的
另外也能夠把不是tabBar頁面單獨拉出來，直接設定顏色
      
        
2，目錄介紹    
1>index.js:寫的就是js，頁面的邏輯請求和後臺數據，一些方法，動態方法，一些函數，事件，
2>page~json ：表明的是單個頁面的配置文件
3>wxml：其實就是html頁面，微信子集封裝好了
4>wxss:是一套樣式語言，用於描述WXML的組件樣式，和css相比，WxSS擴展的特性有（尺寸單位，樣式導入）
utils：(公共的)
    app.js：整個小程序的啓動文件(全局的js)
    app.json:這配置整個小程序的(全局的配置文件)
    app.wxss：小程序的公共樣式（全局的樣式文件）
    project.config.json：配置的小程序的版本（接口是2.0.4）
    sitemap.json:整個項目的描述文件   
      
視圖層：
      <view><\view>---->至關於html的<div></div>

常見的事件有：

類型	觸發條件	最低版本
touchstart	手指觸摸動做開始
touchmove	手指觸摸後移動
touchcancel	手指觸摸動做被打斷，如來電提醒，彈窗
touchend	手指觸摸動做結束
tap	手指觸摸後立刻離開
longpress	手指觸摸後，超過350ms再離開，若是指定了事件回調函數並觸發了這個事件，tap事件將不被觸發	1.5.0
longtap	手指觸摸後，超過350ms再離開（推薦使用longpress事件代替）
transitionend	會在 WXSS transition 或 wx.createAnimation 動畫結束後觸發
animationstart	會在一個 WXSS animation 動畫開始時觸發
animationiteration	會在一個 WXSS animation 一次迭代結束時觸發
animationend	會在一個 WXSS animation 動畫完成時觸發
touchforcechange	在支持 3D Touch 的 iPhone 設備，重按時會觸發

• 注意點：
  Touchcancle：在某些特定的場景下才會觸發

  ​ tap事件和longpress事件一般只會觸發其中一個

wx.request 至關於發送ajax的請求

微信官方解釋

參數

屬性	類型	默認值	必填	說明
url	string		是	開發者服務器接口地址
data	string/object/ArrayBuffer		否	請求的參數
header	Object		否	設置請求的 header，header 中不能設置 Referer。content-type 默認爲 application/json
method	string	GET	否	HTTP 請求方法
dataType	string	json	否	返回的數據格式
responseType	string	text	否	響應的數據類型
success	function		否	接口調用成功的回調函數
fail	function		否	接口調用失敗的回調函數
complete	function		否	接口調用結束的回調函數（調用成功、失敗都會執行

小程序路由跳轉

### 1.1wx.switchTab(Object object)

**這裏的tabBar是底下的導航欄指定的頁面，**
跳轉到 tabBar 頁面，並關閉其餘全部非 tabBar 頁面

### 1.2wx.reLaunch(Object object)

> 基礎庫 1.1.0 開始支持，低版本需作[兼容處理](https://developers.weixin.qq.com/miniprogram/dev/framework/compatibility.html)。

關閉全部頁面，打開到應用內的某個頁面

### 1.3wx.redirectTo(Object object)

關閉當前頁面，跳轉到應用內的某個頁面。可是不容許跳轉到 tabbar 頁面。

### 1.4wx.navigateTo(Object object)

保留當前頁面，跳轉到應用內的某個頁面。可是不能跳到 tabbar 頁面。使用 [wx.navigateBack](https://developers.weixin.qq.com/miniprogram/dev/api/wx.navigateBack.html) 能夠返回到原頁面。小程序中頁面棧最多十層。

### 1.5wx.redirectTo與wx.navigateTo的區別

***1.利用wx.navigateTo跳轉到下一個頁面的時候（這時候會執行onHide方法），下一個頁面頭部會有返回按鈕***

***2.若是不想有返回按鈕，能夠用wx.redirectTo進行頁面跳轉（這時候關閉此頁面，會執行onUnload生命週期，這樣下一個頁面就不會有返回按鈕了，由於上一個頁面已經被關閉了，沒有頁面能夠返回）***

### 1.6wx.navigateBack(Object object)

關閉當前頁面，返回上一頁面或多級頁面。可經過 [getCurrentPages()](https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/route.html#getcurrentpages) 獲取當前的頁面棧，決定須要返回幾層。