原创 react和redux中的幾種常用的方法

1. createStore(reducer, [initState, enhancer])------redux中的方法 作用:創建一個Redux store來存放應用中所有的state,一個應用只能有個store。函數返回store

原创 redux的connect解讀2

connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options]) 連接 React 組件與 Redux store。 連接操作不會改變原來的組件類,反

原创 Http報頭Accept與Content-Type的區別

1.Accept屬於請求頭, Content-Type屬於實體頭。  Http報頭分爲通用報頭,請求報頭,響應報頭和實體報頭。  請求方的http報頭結構:通用報頭|請求報頭|實體報頭  響應方的http報頭結構:通用報頭|響應報頭|

原创 redux中的connect函數

上面一篇文章,我們只是從Demo的角度講解了Redux,對於connect的部分,我們只是一筆帶過。 那麼我們這篇文章同樣是基於上一篇文章中的Demo,來從實戰的角度來詳細講解下connect方法。 connect方法聲明如

原创 redux中的combineReducer學習

在我們的reducer中有一個總的index.js文件,這個文件就是用了combineReducers( )方法把很多了reducer合併到一起, redux的官網學習中有如下解釋: combineReducers() 所做的只是生成一個

原创 react-redux中的

所有容器組件都可以訪問 Redux store,所以可以手動監聽它。一種方式是把它以 props 的形式傳入到所有容器組件中。但這太麻煩了,因爲必須要用 store 把展示組件包裹一層,僅僅是因爲恰好在組件樹中渲染了一個容器組件。 建議的

原创 react中context學習

簡介:在React中,數據可以以流的形式自上而下的傳遞,每當你使用一個組件的時候,你可以看到組件的props屬性會自上而下的傳遞。但是,在某些情況下,我們不想通過父組件的props屬性一級一級的往下傳遞,我們希望在某一級子組件中,直接得

原创 初始化 State

初始化State的方法有以下方法: 1.在創建store 的時候,createStore()方法的第二個參數preloadeState參數是初始化state的。 2.在reducer中設置state的初始值state={...},也可以使

原创 react生命週期學習

組件的生命週期分爲三個部分:(1)實例化;(2)存在期;(3)銷燬&清理期。具體週期如下圖所示: 1.1 實例化 創建在代碼加載過程中至關重要,重要之處體現什麼地方呢,這裏粗略的簡述幾點,(1)實例化是首次加載js展示

原创 es6中"類"--class的方式創建對象和es5中正常用法比較

JavaScript語言的傳統方法是通過構造函數,定義並生成新對象。下面是一個例子。(可以是工廠模式,構造函數模式,組合模式優缺點自己可以在網上查找) function Point(x,y){ this.x=x; this.y = y;

原创 redux的 combineReducers 和 createStore 的實現原理

最近一直在學習 redux, 感到了深深的難過,都兩天了,感覺還是不知道怎麼寫代碼,倒不是不知道是Redux 裏面涉及的概念,是不知道什麼代碼該放在哪裏。怎麼樣組織結構。希望再過兩天能更清晰。 下面是中間學習到的 combineRe

原创 ES6中Array的學習

1、Array.from()----->可將一個有length屬性的字符串或者對象轉換成數組的形式(Array.from方法用於將兩類對象轉爲真正的數組:類似數組的對象(array-like object)和可遍歷(iterable)的

原创 節流函數和防抖函數學習

首先自己理解的概念:防抖函數:防抖按照我的理解就是不管你觸發多少次,都等到你最後觸發後過一段你指定的時間才觸發。節流函數:節流就是,不管怎麼觸發,都是按照指定的間隔來執行。實例:防抖函數例子:基礎版本:現在有個要求就是剛開始的時候也觸發,

原创 react-redux原理分析

前言 react和redux並沒有什麼直接的聯繫. redux作爲一個通用模塊, 主要還是用來處理應用中的state的變更, 而展示層不一定是react. 但當我們希望在React + Redux的項目中將兩者結合的更好,可以通過r

原创 webpack基礎+webpack配置文件常用配置項介紹+webpack-dev-server

一.webpack基礎   1.在項目中生成package.json:在項目根目錄中輸入npm init,根據提示輸入相應信息。(也可以不生成package.json文件,但是package.json是很有用的,所有建議生成)