工作小知識點總結

1、擴充套件運算子...：

陣列和序列的轉換

常用於替換，比如:

const obj = 
const newobj =

2.const = this.props; 等價於 const dispatch = this.props.dispatch;

3.關於map函式不會對空陣列進行操作且不會改變原來的陣列

4.活用json.parse和json.stringfy

const condition =[ 
}}, 
}}];json.stringfy(condition)
//結果
[}},}}]

token實際上是使用者登陸後，後端會在返回的資料中派發乙個token，由前端進行cookie儲存，每次傳送請求時都需要將這個token資訊在header中攜帶進去，這樣後端拿到了header中攜帶的token，和其session中的token做比對，如果相同便同意此次請求

1.首先使用者進行登陸，通過表單驗證

onlogin = (values) => ).then(data => ;
mycookies.set('token', result.token);
mycookies.set('id', result.user.id);
if (this.props.routes.tree.length > 0) 
}).catch(error => );
}

componentdidmount() //如果在登陸下他的islogin一直是true，在reducer.js中進行設定
const token = mycookies.get('token');//一旦他關閉了這個介面，一切元件從零開始渲染，二islogin的值為false
const id = mycookies.get('id');//獲取到使用者的id，在進行一次請求是為了防止本地cookie並沒有來的及更新最新的一些修改
if (token) //此處是為了獲取在這個id下的最新使用者資訊及頁面資訊
}).then(res => ).catch(error => )
} else 
}

3.在reducer中控制 islogin 這個狀態

export default (state = , role:  }, action) => ;
case user.loginbyform_failure:
case user.loginbyid_failure:
return ,
role: ,
...action
};case user.loginout_success:
case user.loginout_failure:
return ,
role: ,
...action
}default:
return state;
}};

4.前文提到，每次發請求其實是攜帶token進行的請求，如果是ajax我們就需要加上header欄位，帶著token；但是我們現在選用axios的api可以使用它的***，保證在傳送請求之前，都進行一次token的校驗，token校驗通過才能發請求

// 新增請求***
axios.interceptors.request.use(
config => 
if (mycookies.get('token')) else 
},error => 
);

工作小知識點總結

小知識點總結

GDI 小知識點總結

Hibernate小知識點總結

工作 小知識點總結

小知識點總結

GDI 小知識點總結

Hibernate小知識點總結

相關推薦

工作小知識點總結