代码即控场

重拾每周输出，记录所看所得所想。

VueJS调试线上代码，开启devtool debug模式，在vuejs脚本加载完成后（可通过设置断点），赋值：Vue.config.devtools = true;

box-shadow样式， safari不支持inset等；一些设计软件，会直接输出代码，但不会考虑兼容性，直接复制使用时要留意

处理异步请求响应数据时，应该检测当前的环境条件是否发生改变，如果有变化时，则应放弃使用此次数据。

• 在条件发生改变时，也可尝试放弃上次请求，如XMLHTTPRequest.abort方法。

• 当然也可强制添加loading，请求中不能进行其他交互

比如常见场景：多个类目，每个类目下数据分页的情形。请求下一页时，如果切换了类目，避免将分页数据显示在另一类目下

chrome浏览器开发者工具控制台，设置勾选Show user agent shadow DOM ， 可查看到::webkit之类的元素自身样式选择器

https://github.com/dropbox/zxcvbn  密码强度库

点击劫持防范、禁止页面嵌套，如果不能设置content-security-policy响应头时，比如AWS S3上存储文件，退而使用js脚本判断处理时，铭记原则：控制所能控制的。

try {    var host = top.location.hostname;}catch(e) {     // 是否没有配置content-security-policy的页面    var isIframePage = ['index'].indexOf(window.CONTROLLER) > -1;    if(isIframePage ) {          //隐藏内容，控制所能控制的         document.documentElement.style.display = 'none';         //如果iframe设置了sandbox属性，而没有允许重定向“allow-top-navigation”时，则此语句无效         top.location.href = location.href;      }}