关键词：
⭐️ 本文首发自 前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注 Web 技术、区块链、Web 3、答疑解惑、面试辅导以及职业发展。
- 什么是同源策略
跨域问题其实就是浏览器的同源策略造成的。
同源策略限制了从同一个源加载的文档或脚本如何与另一个源的资源进行交互。这是浏览器的一个用于隔离潜在恶意文件的重要的安全机制。同源指的是：协议、端口号、域名必须一致。
下表给出了与 URL http://store.company.com/dir/page.html 的源进行对比的示例:
| URL | 是否跨域 | 原因 |
|---|---|---|
| http://store.company.com/dir/page.html | 同源 | 完全相同 |
前端技能树，面试复习第41天——浏览器原理：本地存储
...、区块链、Web3、答疑解惑、面试辅导以及职业发展。。1.浏览器本地存储方式及使用场景（1）CookieCookie是最早被提出来的本地存储方式，在此之前，服务端是无法判断网络中的两个请求是否是同一用户发起的，为解决这个问题... 查看详情
前端技能树，面试复习第40天——浏览器原理：浏览器渲染原理，如何优化渲染过程
...、区块链、Web3、答疑解惑、面试辅导以及职业发展。。1.浏览器的渲染过程浏览器渲染主要有以下步骤：首先解析收到的文档，根据文档定义构建一棵DOM树，DOM树是由DOM元素及属性节点组成的。然后对CSS进行解析，生成CSSOM规则... 查看详情
前端技能树，面试复习第48天——vuex原理
⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、区块链、Web3、答疑解惑、面试辅导以及职业发展。 查看详情
前端技能树，面试复习第43天——浏览器原理：浏览器垃圾回收机制|v8垃圾回收|内存泄漏
⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、区块链、Web3、答疑解惑、面试辅导以及职业发展。 查看详情
前端技能树，面试复习第39天——浏览器原理：浏览器的组成|浏览器内核
...区块链、Web3、答疑解惑、面试辅导以及职业发展。。1.对浏览器的理解浏览器的主要功能是将用户选择的web资源呈现出来，它需要从服务器请求资源，并将其显示在浏览器窗口中，资源的格式通常是HTML，也包括PDF、image及其他格... 查看详情
前端技能树，面试复习第36天——浏览器原理：如何预防xss攻击与csrf攻击(代码片段)
...入攻击。攻击者通过在网站注入恶意脚本，使之在用户的浏览器上运行，从而盗取用户的信息如cookie等。XSS的本质是因为网站没有对恶意代码进行过滤，与正常的代码混合在一起了，浏览器没有办法分辨哪些脚本是可信的，从而... 查看详情
前端技能树，面试复习第44天——vue基础|vue原理解析|双向数据绑定原理|nexttick原理
⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、区块链、Web3、答疑解惑、面试辅导以及职业发展。 查看详情
前端技能树，面试复习第38天——浏览器原理：详解浏览器缓存机制|协商缓存与强缓存(重点)(代码片段)
...区块链、Web3、答疑解惑、面试辅导以及职业发展。。1.对浏览器的缓存机制的理解浏览器第一次加载资源，服务器返回200，浏览器从服务器下载资源文件，并缓存资源文件与responseheader，以供下次加载时对比使用；下一次加载资... 查看详情
前端技能树，面试复习第29天——简述babel的原理|webpack构建流程|webpack热更新原理|git常用命令(代码片段)
...3479814f74acbb70b9f63f2e80012.gif"width=“100%”>⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、答疑解惑、面试辅导以及职业发展。。1.Babel的原理... 查看详情
前端技能树，面试复习第37天——浏览器原理：进程与线程|浏览器有哪些进程|serviceworker
⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、区块链、Web3、答疑解惑、面试辅导以及职业发展。。1.进程与线程的概念从本质上说，进程... 查看详情
前端技能树，面试复习第35天——计算机网络：websocket|含真题
...职业发展。。1.对WebSocket的理解WebSocket是HTML5提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。它基于TCP传输协议，并复用HTTP的握手通道。浏览器和服务器只需要完成一次握手，两者之间就直接可以创建... 查看详情
前端技能树，面试复习第49天——虚拟dom|虚拟dom比真实dom真的快吗|diff算法原理
⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、区块链、Web3、答疑解惑、面试辅导以及职业发展。 查看详情
前端技能树，面试复习第54天——手写代码：情景题
⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、区块链、Web3、答疑解惑、面试辅导以及职业发展。 查看详情
前端技能树，面试复习第26天——reacthook的实现原理|usestate|生命周期(代码片段)
⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、答疑解惑、面试辅导以及职业发展。。🏆目前就职于全球前100强知名外... 查看详情
前端技能树，面试复习第33天——计算机网络：dns协议|网络模型
⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、答疑解惑、面试辅导以及职业发展。。 查看详情
前端技能树，面试复习第56天——leetcode算法常考题型|百题大战
⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、区块链、Web3、答疑解惑、面试辅导以及职业发展。 查看详情
前端技能树，面试复习第53天——手写代码：数据处理|排序|扁平|去重|解析|分隔
⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、区块链、Web3、答疑解惑、面试辅导以及职业发展。 查看详情
前端技能树，面试复习第55天——代码输出：同步异步任务|事件循环(代码片段)
1console.log(1);setTimeout(()=>console.log(2);setTimeout(( 查看详情