eg:
{
    "pages":[
    "pages/index/index",
    "pages/logs/logs"
    ]
}

<!-- logs.wxml -->
<view class="container log-list">
</view>

，在小程序中使用

 

6）使用class名來設(shè)置樣式，id名在這里基本沒有什么用處。原因是主要操作數(shù)據(jù)，不操作dom。

7）wxss文件是引入的樣式文件，可以直接在里面寫樣式，但是不推薦

eg:

eg:
     @import "wxss/index.css";
      body{
            background:pink;  
      }

8)app.json中 window是配置頂部的一些樣式
tabBar 是配置底部的配置

9)window作用：

用于設(shè)置小程序的狀態(tài)欄，導(dǎo)航欄，標(biāo)題，窗口背景色。// 窗口指的是頁面的back

*注：在app.json中配置的屬性會被子window的屬性所覆蓋。
屬性有：
"navigationBarBackgroundColor":"#666666"
"navigationBarTextStyle":"white" // 注意：這里僅支持white/black/light
"navigationBarTitleText":"微信demo" // 導(dǎo)航欄標(biāo)題文字
"bacgroundColor":"#333333" // 窗口的背景色
"backgroundTextStyle":"dark" // 下拉背景字體，loading圖的楊啊是，僅僅支持 dark/light
"enablePullDownRefresh":"false" // 是否開啟下拉刷新

10).js文件主要作用邏輯，和生命周期函數(shù)處理

11）小程序中的導(dǎo)入：

a).js => require
b).wxss => import

12)在css中display屬性作用

eg:

{
      display:none; // 不顯示
      display:block;  // 此元素將顯示為塊級元素，此元素前后會帶有換行符
      display:inline;  // 默認(rèn)。此元素會被顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。
      display:inline-block;   // 行內(nèi)塊元素
       ....... // 參考 [display解釋](http://www.w3school.com.cn/cssref/pr_class_display.asp)
}

在微信小程序中：

`display:flex;`  //   參考：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html  作用是  `flex `是` flexiable box` 用于移動布局。 為盒狀模型提供了最大的靈活性。任何一個容器都能夠制定為Flex布局。

webkit內(nèi)核的瀏覽器：safari是一個

*注意：設(shè)為Flex布局以后，子元素的float、clear和vertical-align屬性將失效。

13)rpx單位介紹：
微信小程序中的css尺寸單位，rpx可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)。規(guī)定的屏幕寬度為750rpx.
參考： http://www.51xuediannao.com/javascript/xiaochengxu_rpx.html

14） indicator-dots = "{{indicatorDots}}" 為何用{{}}包裹

<swiper class="swiper_box" indicator-dots="{{indicatorDots}}" vertical="{{vertical}}">

解釋：綁定的數(shù)據(jù)。也可以說是一種MVVM的模板語法。VUE AN基本都是這么干的。語法格式。應(yīng)該是框架加進(jìn)去的自定義屬性，{}看框架咋定義，有些事function，有些是參數(shù)。標(biāo)簽里面遇到像data,ng-model, indicator-dots這樣的屬性，一般都是框架加進(jìn)去的。

15）Page()函數(shù)用來注冊一個頁面。接受一個object參數(shù)。其指定頁面的初始數(shù)據(jù)，生命周期函數(shù)，時間處理函數(shù)等。

Page（）相當(dāng)于一個構(gòu)造函數(shù)。

Page({
    data:{
          indicatorDots:true,
          vertical:false,
          autoplay:true,
          interval:3000
    },

    // 時間處理函數(shù)
    swiperchange:function(e){
         // contents
    }
})

16) js中 var that = this; 的解釋

this對象在程序中隨時會改變，而var that=this之后，that沒改變之前仍然是指向當(dāng)時的this，這樣就不會出現(xiàn)找不到原來的對象

17)App() 函數(shù)用來注冊一個小程序。接受一個 object 參數(shù)，其指定小程序的生命周期函數(shù)等。

前臺、后臺定義： 當(dāng)用戶點(diǎn)擊左上角關(guān)閉，或者按了設(shè)備 Home 鍵離開微信，小程序并沒有直接銷毀，而是進(jìn)入了后臺；當(dāng)再次進(jìn)入微信或再次打開小程序，又會從后臺進(jìn)入前臺。

只有當(dāng)小程序進(jìn)入后臺一定時間，或者系統(tǒng)資源占用過高，才會被真正的銷毀。

App.prototype.getCurrentPage()
getCurrentPage()函數(shù)用戶獲取當(dāng)前頁面的實(shí)例。

var app = getApp(); 微信提供了全局的 getApp() 函數(shù)，可以獲取到小程序?qū)嵗?/p>

不要在定義于 App()內(nèi)的函數(shù)中調(diào)用 getApp() ，使用 this就可以拿到 app 實(shí)例。

不要在onLaunch的時候調(diào)用 getCurrentPage()，此時 page 還沒有生成。

通過 getApp() 獲取實(shí)例之后，不要私自調(diào)用生命周期函數(shù)。

實(shí)用經(jīng)驗(yàn)，自己出錯過的

1. bindtap 不能寫為：bindTap
   給view綁定事件的時候

2.Page中的2個方法中， 需要用,隔開:

Page({
  onLoad: function () {
    console.log('onLoad-search')

  },

  // 返回前一頁
  navigateBack: function(e) {
    console.log("back");
  }

})

3.設(shè)置都是 :, 不是=:

// 清除
clearText: function(e) {

    this.setData({
      input_str:""   // 之前是=就會報(bào)錯
    })
  },

4.
display:none 與 display:block 相對應(yīng)后者會顯示

5.主要原則：

不是改變父元素，是改變item對應(yīng)的數(shù)據(jù)變量。

6.事件：

Page({
  bindViewTap:function(event){
    event.target.dataset.alphaBeta === 1 // - 會轉(zhuǎn)為駝峰寫法
    event.target.dataset.alphabeta === 2 // 大寫會轉(zhuǎn)為小寫
  }
})

1. 微信小程序判斷
   wx-if="{{index==0}}"

8.當(dāng)前target
console.log(e.currentTarget);

9.表達(dá)式

{{}} 里面不能嵌套 {} 或者 {{}} ， 里面自然會使用變量

{{ dic-index }} // 如果index 變量為1. 結(jié)果就為dic-1