react應用項目小結

1.scroll事件在react中的應用

      window.addEventListener(’scroll’, this.handleScroll)

2.獲取各類參數

      a. Url中的參數params, this.props.location.query;

      b.客戶端自帶的參數好比cityId，可用getClientData封裝的方法，裏面用ffanSDK解決。

3.Promise.all([])能夠同時異步加載幾個不一樣的請求

4.offset，limit

       offset  = （page - 1）* size 偏移量

        limit = size  頁面限定的條數

5.在actions裏面可有return值，便於對應狀況的處理data

6.reducers裏，state指原數據，action指新出來的數據

7.’監聽’不滾動：

    可在滾動事件里加定時器使之發生滾動中止發生的函數，而後在滾動開始時clear定時器。

8.array的splice方法

    var a=[1,2,3]; a.splice(x, y, z)

        其中x表示要插入的位置，y表示要刪除的個數，z表示要插入的值，結果a會變爲新數組

        e.g. var a=[1,2,3]; a.splice(1, 2, 4);console.log(a) //[1,4]

9.數組合並

    [ …array1, …array2 ]

10.object合併見 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

11.善用npm，好比本次出現的lazyload以及obj合併處理lodash