浏览器的跨源解决方案 在同源策略中,分别限制了 DOM访问、请求访问和存储访问。在早期浏览器并不成熟的时期,为了访问这些不同的数据,我们就需要使用不同的方法规避同源策略的限制,这就是跨源方法多样化的原因。我们可以将跨源方法分为三个类别。 2024-06-07 前端 #浏览器
浏览器的同源策略 同源策略是浏览器中的一个安全策略,限制两个不同网站之间文档和脚本资源的相互影响,保护用户数据不会泄露到另一个的网站中。有关这个概念的解释很多,但是都不是很清晰,关于这个安全策略具体细节,我想是时候整理一下了。 2024-04-16 前端 #浏览器
JavaScript 模块化标准的演化(CommonJS › AMD › CMD › ES Module) 从初步认识到模块化到实践求证,在这个过程中我深受启发,也得知了模块化的必要性。于是,我决定进一步将 Node.js 和原生模块标准进行梳理,为深入学习两者铺好道路。 2023-11-05 前端 #JavaScript
ES Module 原生模块化前世今生 模块化是一种有效提高代码质量和可维护性的开发方法,通过将代码拆分成独立的模块,能很好的解决代码冗余和可读性的问题。在前端模块化标准出现之前,我们通过自执行函数闭包来创建模块,但不能解决模块依赖带来的命名冲突和重复导入等问题。随着前端模块化标准的到来。这些问题已经能够得到解决。 2023-11-03 前端 #JavaScript
更优雅的事件处理(AbortController » addEventListener) 我们知道如果使用 removeEventListener(type, callback, useCapture) ,提供的参数必须与已添加事件一致,且 callback 不能是匿名函数或带参函数。某些情况下,我们不想多写函数用于引用,或着需要销毁多个事件,可以使用 AbortController 来处理。 2023-01-30 前端 #JavaScript
JavaScript 实现图片懒加载 浏览器加载页面时需要加载大量资源,图片的加载是对性能的影响因素之一,大量的图片请求对服务器是不利的。使图片懒加载(按需加载)能大幅度减少对服务器的请求,提高页面的加载速度。 2022-06-02 前端 #JavaScript