原创 分佈式服務之間的通訊-RPC實戰
分佈式服務之間的通訊-RPC實戰依據服務最佳實踐分包粒度序列化實現步驟一、 定義兩個服務模塊二、提取共同的api模塊 前提：在會議發佈後，需要提供依據會議id查詢發佈該會議的員工信息 provider：員工信息模塊 con
2020-06-28 07:52:05
原创 小雞啄米之React組件
React組件組件分類函數組件類組件組件傳值Contex參數傳遞參數校驗默認參數校驗參數驗證器 組件分類 react組件分爲有狀態和無狀態的兩種類別，有狀態的一般是類組件，無狀態的是函數組件 創建組件的三種方式 注意：組件首字母必
2020-06-16 11:01:11
原创 小雞啄米之React項目構建
React第一步構建項目最簡單的開始 最簡單的開始 按照如下流程依次安裝配置： 先安裝nodejs 配置registry 安裝cnpm（可選） 安裝並使用facebook的create-react-app工具來創建最簡單的re
2020-06-16 11:01:11
1
原创 ES6箭頭語法
ES6中的箭頭語法=> ()=>{}：是ES6聲明一個函數所使用的語法，同普通函數相比，該語法自動綁定環境中的this 箭頭表達式有多種： (參數1、參數2。。。)=>{函數} (參數1、參數2。。。)=>表達式 (參數1)=>{
2020-06-16 11:01:11
原创 小雞啄米之React事件處理
React事件處理事件綁定構造綁定就近綁定自動綁定事件傳參箭頭函數傳遞bind傳參 事件綁定 在一個事件發生時調用特定的處理邏輯，將邏輯與事件綁定起來 綁定方式有三種： 構造綁定 就近綁定 自動綁定 構造綁定 這種方式使用時在
2020-06-16 11:01:11
原创 遍地芝麻之React芝麻
React芝麻react樣式react啓動端口修改react http通信create-react-app關閉eslintreact CSS模塊化react構造函數中訪問propsreact懶加載react之antd表單不保存歷史
2020-06-16 11:01:11
原创 小雞啄米之React條件渲染
React條件渲染簡易條件渲染變量渲染邏輯表達式渲染三元運算渲染 簡易條件渲染 最簡單的條件渲染就是採用if函數來決定渲染哪個組件 function Greeting(props) { const isLoggedIn = p
2020-06-16 11:01:11
原创 小雞啄米之React狀態機
React狀態機和生命週期狀態機生命週期 狀態機 React採用狀態機的狀態來重新渲染頁面（不操作DOM），狀態保存在實例變量state中，該狀態初始化後必須使用setState來修改狀態，否則不會觸發重新渲染機制，初始化一般在構
2020-06-16 11:01:11
原创 小雞啄米之React組件內部的API
React組件內部的API組件APIsetStatereplaceStatesetPropsreplacePropsforceUpdatefindDOMNodeisMounted 組件API 組件API這裏指的是在組件內可以使用的
2020-06-16 11:01:11
原创 小雞啄米之React Map遍歷中的key
React Map遍歷中的keymap遍歷 map遍歷 在jsx語法中，標籤之間是可以使用{}來寫js語法的，其中最常用的就是map遍歷來輸出一組標籤 在react中一map出來的一組相同標籤，必須提供一個key，這個key有利於
2020-06-16 11:01:11
原创 遍地芝麻之CSS芝麻
CSS芝麻設置div相對位置後不讓其佔用空間 設置div相對位置後不讓其佔用空間 情景： 當需要某個元素偏離原本位置一定位置時，又不希望其佔用原來的位置空間。 分析： 使用絕對定位雖然可以不佔空間但是不能相對於原來的位置，它是相對
2020-06-16 11:01:11
原创 一次性搞定React的Ref功能
React的Ref功能1.String Ref2.Callback Ref3.Create Ref4.useRef不同渲染週期之間的數據共享各方式使用總結 1.String Ref String Ref是個過時的API。因爲Str
2020-06-16 11:01:10
原创 走馬觀花之Axios
走馬觀花之AxiosAxios是什麼安裝典型用法GETPOST創建通用請求多併發請求自定義axios實例響應體結構請求取消攔截器錯誤處理配置config Axios是什麼 一個基於 Promise 的HTTP庫，異步，用於瀏覽器和
2020-06-16 11:01:00
原创 小雞啄米之React Hello World
React Hello WorldHello World直接上手元素渲染 Hello World直接上手 依據前面的內容，搭建好react工程目錄，這裏使用npx npx create-react-app mydemo 會在當前目
2020-06-16 11:01:00
原创 小雞啄米之React語法
React語法JSX語法html中引入jsxjsx樣式使用jsx使用註釋jsx使用數組 JSX語法 這是一種奇怪的語法：由變量和標籤組合成，即標籤和普通語法混合使用const element = <h1>Hello, world!
2020-06-16 11:01:00