摘要：前几天在帮后端排查一个的问题的时候发现的一些小坑特此记录的本质是出于安全原因，浏览器限制从脚本内发起的跨源请求。排查发现访问失败的都是需要用户的登录态的。 前几天在帮后端排查一个cors的问题的时候发现的一些小坑特此记录 ** cors的本质是出于安全原因，浏览器限制从脚本内发起的跨源HTTP请求。 例如，XMLHttpRequest和FetchAPI遵循同源策略。 这意味着使用这些A...
摘要：合并请求这里的合并主要针对当前页面上访问的资源文件，比如图片等。为甚么要合并请求有人会很奇怪，现代浏览器都可以并发请求资源了，为什么还要这么做我只能说你还了。 DNS预热 一次DNS解析耗时20-120ms, 当网页中使用的域名较多时，DNS预热节省的时间还是非常可观的 先看效果 showImg(https://segmentfault.com/img/bV0A1g?w=982&h=9...
摘要：第四行是为了保存当前语境下的，事实上在浏览器的调试工具中直接运行这些代码的时候，这个指向的就是全局对象，所以去掉这一行，将下面的改成，程序的运行结果是一模一样的。 在腾讯的AlloyTeam的Blog上发现了这样的一款工具：AlloyLever（原blog地址：http://www.alloyteam.com/2016...），觉得非常有趣且实用。尤其是其实现的原理也并不复杂，却可以给...
摘要：各浏览器下表现总结做前端错误上报，必然离不开，但在不同设备上表现并不一致，浏览器为避免信息泄露，在一些情况下并不会给出详细的错误信息，本文的目的就是通过跑一些简单的小例子，验证在不同浏览器下的具体表现。 window onerror 各浏览器下表现总结 做前端错误上报，必然离不开window onerror，但window onerror在不同设备上表现并不一致，浏览器为避免信息泄露，...
摘要：情况如果一个函数中有，这个函数有被上一级的对象所调用，那么指向的就是上一级的对象。 首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的指向的是最终调用它的对象。 函数调用模式 例子1 function a(){ var user = username; console.log(this.user)...
