代碼即控場

重拾每周輸出，記錄所看所得所想。

VueJS調(diào)試線上代碼，開啟devtool debug模式，在vuejs腳本加載完成后（可通過設(shè)置斷點），賦值：Vue.config.devtools = true;

box-shadow樣式， safari不支持inset等；一些設(shè)計軟件，會直接輸出代碼，但不會考慮兼容性，直接復(fù)制使用時要留意

處理異步請求響應(yīng)數(shù)據(jù)時，應(yīng)該檢測當(dāng)前的環(huán)境條件是否發(fā)生改變，如果有變化時，則應(yīng)放棄使用此次數(shù)據(jù)。

• 在條件發(fā)生改變時，也可嘗試放棄上次請求，如XMLHTTPRequest.abort方法。

• 當(dāng)然也可強制添加loading，請求中不能進行其他交互

比如常見場景：多個類目，每個類目下數(shù)據(jù)分頁的情形。請求下一頁時，如果切換了類目，避免將分頁數(shù)據(jù)顯示在另一類目下

chrome瀏覽器開發(fā)者工具控制臺，設(shè)置勾選Show user agent shadow DOM ， 可查看到::webkit之類的元素自身樣式選擇器

https://github.com/dropbox/zxcvbn? 密碼強度庫

點擊劫持防范、禁止頁面嵌套，如果不能設(shè)置content-security-policy響應(yīng)頭時，比如AWS S3上存儲文件，退而使用js腳本判斷處理時，銘記原則：控制所能控制的。

try {    var host = top.location.hostname;}catch(e) {     // 是否沒有配置content-security-policy的頁面????var?isIframePage?=?['index'].indexOf(window.CONTROLLER)?>?-1;    if(isIframePage ) {          //隱藏內(nèi)容，控制所能控制的         document.documentElement.style.display = 'none';         //如果iframe設(shè)置了sandbox屬性，而沒有允許重定向“allow-top-navigation”時，則此語句無效         top.location.href = location.href;      }}