浏览器有一个重要的同源策略，源=协议+主机+端口 大部分的跨域问题，都是通过代理解决的 要实现JSONP，需要浏览器和服务器配合 CORS：如果浏览器要跨域访问服务器资源，需要服务器允许

最近这段时间，整理了自己这几年前端学习的roadMap，从初级到中级，再到现在独立负责的学习路线。（自拍照是引流啦～ ）

DOM节点和元素之间有什么区别？ 发布日期：2021年1月5日 DOMNODEElement 开始讨论 文档对象模型（DOM）是一个将HTML或XML文档视为树状结构的接口，其中每个节点是文档的一个对

以下内容是2023年7月17~10月16日自己每周学习的记录，偶尔穿插一些个人的思考，希望可以和大家共同进步。

在 HTML中, 所有的盒模型元素都处于三维坐标系中。元素可以沿着“z 轴”层叠摆放， 当他们相互覆盖时，z-index属性可让你在渲染内容时调整对象分层.

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

前段时间深入的学习了下HTTP的CSP策略，就想着找几个网站练练手，看看哪个倒霉蛋要中招。说巧不巧打开掘金一看，嘻嘻正是我想要的，于是乎就诞生了一个有意思的攻击示例。

这又是一个面试经典问题~/(ㄒoㄒ)/~~也是 ES5中众多坑中的一个，在 ES6 中可能会极大避免 this 产生的错误，但是为了一些老代码的维护，最好还是了解一下 this 的指向和 call、apply、bind 三者的区别。 在 ES5 中，其实 this 的指向，始终…

布局的传统解决方案是基于盒状模型，依赖 display + position + float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…