原创 React React-redux
學習目標 React-Redux學習（不需用subscribe） 安裝： cnpm install react-redux --save 概念： Provider組件：自動的將store裏的state和組件進行關聯。 MapSt
2020-04-22 05:26:12
原创 React 路由學習 01
學習目標 路由基本概念 通過實例學習路由 Router：所有路由組件的根組件（底層組件），包裹路由規則的最外層容器。 根據不同的路徑，顯示不同的組件（內容）；React使用的庫react-router-dom; react-
2020-04-22 05:26:12
原创 React 路由學習 02
學習目標 重定向組件 switch組件 頁面跳轉 如果訪問某個組件時，如果有重定向組件，那麼就會修改頁面路徑，使得頁面內容顯示爲所定向路徑的內容。 實例一 Redirect import React from 'rea
2020-04-22 05:26:12
原创 React 循環遍歷
學習目標 forEach map filter reduce for...in for..of forEach forEach() 方法用於調用數組的每個元素，並將元素傳遞給回調函數。 注意: forEach()
2020-04-19 15:13:52
原创 React Props(父傳子)
學習目標 瞭解prop概念 瞭解父傳子的原理 Props 父傳遞給子組件數據，單向流動，不能子組件傳遞給父組件。 props的傳值，可以是任意類型。 Props默認值設置 HelloMessage.defaultProp
2020-04-19 15:13:52
原创 React 數據傳遞（子傳父）
學習目標 瞭解父元素組件與子元素屬性之間的通信機制 實例一 子元素傳遞給父元素數據 import React, { Children } from 'react'; import ReactDOM from 'react-dom'; c
2020-04-19 15:13:52
原创 React 列表渲染
學習目標 列表渲染 第一種：將列表內容拼裝成數組放置到模板中。 第二種：將數據拼裝成數組的JSX對象。 實例一 手動創建列表 import React from 'react'; import ReactDOM from 're
2020-04-19 15:13:42
原创 React 函數講解
學習目標 純函數 React函數三種寫法 React事件處理 純函數 首先得是一個函數。 當給定相同的輸入（函數的參數）的時候，總是有相同的輸出（返回值）。 沒有副作用。 不依賴於函數外部狀態。 當一個函數滿足以上條件時，
2020-04-19 15:13:42
原创 React 事件詳解
學習目標 React事件知識 React事件特點 綁定事件的命名規則：駝峯命名 傳入1個函數，而不是字符串。 <button onClick={this.sendData}>發送數據 </button> 事件對象：React
2020-04-19 15:13:42
原创 React樣式
學習目標 瞭解如何引入樣式 實例一 （加載樣式） import React from 'react'; import ReactDOM from 'react-dom'; let exampleStyle = { backgrou
2020-04-16 08:49:37
原创 剖析瀏覽器執行JavaScript
JavaScript 單線程 單線程，即只有一個主線程。同一時刻只能運行一行代碼、同一時刻不能處理多個任務（不支持並行）。 假設JS同時有2個線程，線程A在某個DOM節點添加內容，線程B刪除該節點，瀏覽器應該以哪個線程爲準？爲避免複雜性，
2020-04-16 08:49:37
原创 JavaScript-asyc await
try catch try catch JavaScript的異常捕獲機制，凡是在try語句塊中的代碼出錯了，都會被catch捕獲。 then catch Promise實例有兩個方法: then 指定了resolve狀態和rejec
2020-04-16 08:49:37
原创 JavaScript-Promise基礎知識
Promise是ES6中新增的一個類，專門用來解決異步回調地獄的問題，異步代碼同步顯示出來。 回調函數的例子 //成功回調函數 function successCallback() { // 固定格式 console.log
2020-04-16 08:49:37