全局的tabBar 和navigationBar配置

1. 全局的tabBar屬性和navigationBar屬性要盡量配齊。如果沒有配齊，在不同版本的微信中，可能會出現不同的情況。比如tabBar的背景顏色可能有默認顏色，可能沒有默認顏色，具體對應微信哪些版本，我并沒有去測試。

2.全局文件的顏色配置只支持16進制，不支持像red這種。

盡量使用最新版本的微信測試

在一些相對較舊版本的微信中，當你使用了較新的API時，在真機中有可能出現事件不響應，而微信小程序又不能真機調試，這時候就坑爹了，不知道出現什么原因，模擬器運行又沒有問題。所以當你測試真機的時候出現了莫名其妙的問題時，你可以看看當前版本的微信是否時最新的。

一般在安卓機測試是比較少問題的，安卓機使用的是QQ的內核。而iOS就比較坑了，在不同的機型上也會有點問題，目前在布局上，遇到i5  9.0系統出現了布局不規范，暫時還沒有找到原因。

wx.showToast 提示框

目前微信的showToast都一定會帶著圖片，假如知道怎么去掉圖片的同學，請告知一下。

動態設置屬性

Flex布局模式

骰子布局

網格布局主要依賴flex屬性

百分比布局

流式布局

代碼在 https://github.com/icindy/wxflex90  

閉包概念

var that = this  的使用。js和swift一樣存在閉包，當我們在一個自定義方法內使用了wx.request()時，假如用到了外部data的數據時，就需要var that = this，從而使用data的數據。

template 模版

在模版中定義代碼片段,然后在需要時調用.微信小程序的模版可以用name屬性作為標記,在頁面中使用<template is="模版name名稱" ...  這樣就可以使用了。

支持import和include

import引用是有作用域，只能引用當前指向文件中的template

include相當于復制，會復制template里面的全部內容,但是不包含template

每個頁面的XXX.js不能為空，否則下面會出現  1. Forgot to add page route in app.json. 2. Invoking Page() in async task. 的錯誤

條件渲染：主要是wx:if 和 block wx:if 

列表渲染 ： wx:for

wx:for 綁定的是一個數組，數組當前的下標變量名默認為index，數組當前的變量名為item。使用wx:for-item就可以指定數組當前元素的變量名，wx:for-index可以指定數組當前下標的變量名，wx:for如果嵌套的話，就需要改變默認框架定義的名稱。

調試工具

wIxml panel ：在調試中可以看到真實的頁面結構以及結構對應的 wxss 屬性，也可以修改對應 wxss 屬性，在模擬器中實時看到修改的情況

Sources panel ：其實就是拿來斷點的。

Network panel ：可以看到請求的詳細情況。

App data panel ：可以看到當前頁面的實時數據，也可以實時修改頁面上的數據。

Storage panel  ： 用于顯示當前項目的使用 wx.setStorage 或者 wx.setStorageSync 后的數據存儲情況。

Console panel ： 可以輸入和調試代碼

附上官方文檔 ： https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/debug.html#console-panel

最后建議還未學或者剛開始學的同學看一下 微信小程序的 Q&A 文檔，比如  background-image：可以使用網絡圖片，或者 base64，或者使用  等等一些小知識點，都是開發中挺實用的  附上網址 https://mp.weixin.qq.com/debug/wxadoc/dev/qa/qa.html?t=20161122