同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。但是有时候跨域请求资源是合理的需求，本文尝试从多篇文章中汇总，由简及深介绍各种存在的跨域请求解决方案，包括 document.domain, location.hash, window.name, window.postMessage, JSONP, WebSocket, CORS。

web 前端图片懒加载实现原理

别走，别走，别走啊😭.............................................

衡量一个 Web 页面的体验和质量一直有非常多的工具和指标 ... 每次我们去关注这些指标的时候都会非常痛苦，因为这些指标真的是又多又难理解，测量这些指标的工具也非常多。 当看到最近发布的 Chrome 83 中又增加了几个性能指标的时候我头都大了... 优化用户体验的质量一直…

resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame，你可能在做一些需求的时候想到了 requestIdleCallback，但是你不知道…

一说到数据结构，很多人就开始头大了，因为总感觉像什么数据结构，算法之类的概念都很高大上，我知道有很多的同学都是毕业后觉得编程高薪，亦或培训速成所以就选择了一门语言，从而从事了这个行业，但是对于编程语言的一些基础，以及相关的系列知识结构其实是缺失的，所以业余时间多花点功夫多学习，其实都是可以补上来的

顺序执行？ 如果要问到 JavaScript 代码执行顺序的话，想必写过 JavaScript 的开发者都会有个直观的印象，那就是顺序执行，毕竟： 然而去看这段代码： 打印的结果却是两个 foo2。

在函数防抖这个例子中，可以看出当事件被监控触发时候，不论上一次的逻辑有没有执行完毕，都要清除掉重新执行，函数防抖会更加降低事件被触发的频率。 真实使用案例讲解：在一个列表页面，当鼠标进入到列表中某一项时显示一段tip提示语（提示语的内容需要请求接口获得），移出时隐藏提示语框。（…

前段时间在研究前端异常监控/埋点平台的实现。 在思考方案时，想到了浏览器自带的观察者以及页面生命周期API 。 Intersection Observer，交叉观察者。 Mutation Observer，变动观察者。 Resize Observer，视图观察者。 | 用途 |…