大家好，我是HoMeTown，web领域有一本神书大家应该都有看过，这本书我看过两遍，但是每次看都是粗粗的略过一些重要的知识点，甚至一些面试过程中的问题，在这本书里都能找到答案。
作者｜jaychen 原文｜https://segmentfault.com/a/1190000004682473 为什么websocket会有子协议 由于websocket 本身的协议对于数据格式来说，不是特别的清晰明了，ws可以传输text,blob,binary等等其他格式. 这样对于安全性和开发性能来说，友好度很低。所以，为了解决这个问题, subprotocols 出现了. 在使用时,client和server都需要配置一样的subprotocols. 例如: 服务端需要将subproto
我们可以通过window.origin或location.origin得到当前源。
偶尔，每个开发者都会在控制台中看到那个讨厌的大红色 Access to fetched has been blocked by CORS policy 错误！😬 尽管有一些快速消除此错误的方法，但今天我们不要掉以轻心！相反，让我们看看 CORS 到底在做什么，以及为什么它实际上是我们的朋友 👏🏼
Cache-Control 作为「响应头」，用以控制缓存策略，这也是前端 HTTP 缓存策略的基础。
从自身开始，沿着__proto__指向，一直到Object.prototype，这样一条链式结构，终点是null
前言： 本文翻译自 Lydia Hallie[1] 小姐姐写的 ✋?? CS Visualized: CORS[2]，她用了大量的动图去解释 CORS 这个概念，国内还没有人翻译本文，所以我在原文的理
答：Ajax是一种可以在浏览器和服务器之间使用异步数据传输（HTTP请求）的技术。使用它可以让页面请求少量的数据，而不用刷新整个页面。而传统的页面（不使用Ajax）要刷新部分内容，必须重载整个网页页面。
什么是axios呢？了解，并去使用它，对于axios发送请求的两种方式有何了解，以及涉及axios跨域问题如何解决。
同源策略 首先基于安全的原因，浏览器是存在同源策略这个机制的，同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。 而如果我们要跳过这个策略，也就是说非要跨域请求，那么就需要通过JSONP或者CORS来实现了。 JSONP 什么是JSONP 首先提一下JSON这个概念，JSON是一种轻量级的数据传输格式，被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现，所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。 那么JSONP是什么呢？ 首先抛
今天，我入职了一家浏览器公司，公司的主营业务是为人类提供Internet上网服务，我的岗位是负责执行JavaScript代码。
作为前端开发人员，你要是连同源策略都不知道是什么，那就太说不过去了。本篇文章将讲述同源策略的定义， 以及当我们需要克服同源策略，如何进行跨域访问数据的方法。
在上一篇《微前端框架qiankun项目实战（一）--本地开发篇》发布后，感谢有网友提出了微应用的缓存问题，的确基于第一篇使用的registerMicroApps方式很难做到缓存，要做到应用缓存的方式使用手动加载管理微应用的方式是最好的，我将再写一篇补充篇使用loadMicroApp手动管理微应用，本篇我会模拟部署一下主应用和微应用，并将揭开我上一篇所谓的巨坑是什么。
一个URL的组成： 协议 + 域名（子域名 + 主域名） + 端口号 + 资源地址 http://www.baidu.com:8080/
字面意思就是从Y域中去Http请求X域的后台，但是请求反馈的资源的Http头中没有包含'Access-Control-Allow-Origin'内容，什么意思呢？
本文主要讲述的是如何根据公司网络架构和业务特点，锁定正常请求被误判为跨域的原因并解决。
事情是这样的，最近发现我的博客 cuiqingcai.com 的评论功能出现了问题，登录功能不好用了。经过一番排查，我找到了一些解决方案，在这里记录一下问题排查过程。
最近有用 vue 然后调 face++的 api 做一个前端人脸识别的需求，其中使用了 axios 作为 http 请求库，配置浏览器 cors 限制时遇到了一些不太一样的问题，写篇博客记录一下。
因为浏览器的同源策略限制，不是同源的脚本不能操作其他源下面的资源，想操作另一个源下面的资源就属于跨域了，这里说的跨域是广义跨域，我们常说的代码中请求跨域，是狭义的跨域，即在脚本代码中向非同源域发送http请求
# 前端工作面试问题 本文包含了一些用于考查候选者的前端面试问题。不建议对单个候选者问及每个问题 (那需要好几个小时)。只要从列表里挑选一些，就能帮助你考查候选者是否具备所需要的技能。 **备注：** 这些问题中很多都是开放性的，可以引发有趣的讨论。这比直接的答案更能体现此人的能力。 ## 目录 1. [常见问题](#general-questions) 1. [HTML 相关问题](#html-questions) 1. [CSS 相关问题](#css-questions) 1. [JS 相关问题](#
跨域是个老生常谈的话题了，最近不管在和后端联调，或者搞微前端的时候都会遇到，正好写篇文章来总结一下吧。
你所浏览的网站基于网络，当前看到的网页也是基于网络，在前端中，网络几乎无处不在，哪怕代码里面没有和网络打交道，在使用、发布等过程中一定会用上网络。所以不管看不看得到，网络一定是前端里面重要的部分
真正面试中，面试官往往采用的是由难到易的套路，那js和jQuery就是重中之重了，以及针对项目和所用技术方面的一些问题也就是你的必备储粮啦！ JavaScript 什么是闭包（closure），为什么要用它？ 闭包简单的说就是一个函数能访问外部函数的变量，这就是闭包，不理解就看代码，例如： function aa(x){ var num=1; function bb(y){ console.log(x+y+(++num)); } } aa函数中的bb函数就是
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
在网页开发领域，Node.js 被视为理想的运行环境。Node.js 是专为运行 JavaScript 编写的代码而设计的，而 JavaScript 是世界上最流行的编程语言之一。Node.js 使广大开发者社区能够构建服务器端应用程序。
Interesting things What did you do today 先入为主 ElasticSearch Head是什么? ElasticSearch Head是集群管理、数据可视化、
因为要读取本地json文件（test.json），分别使用了原生js方式和ajax方式（代码如下）。
当你看到这个信息，就意味着响应失败了；但你依然能在浏览器开发工具的网络 tab 里看到返回数据 -- 这是什么情况呢？
这篇博文解释的挺清楚，我直接引用 什么是跨域？怎么解决跨域问题？_L瑜-CSDN博客_跨域是什么意思
举例来说，这个网址http://www.example.com/dir/page.html协议是http://，
本文包含了一些用于考查候选者的前端面试问题。不建议对单个候选者问及每个问题 (那需要好几个小时)。只要从列表里挑选一些，就能帮助你考查候选者是否具备所需要的技能。 备注： 这些问题中很多都是开放性的，可以引发有趣的讨论。这比直接的答案更能体现此人的能力。 常见问题： 你在昨天/本周学到了什么？ 编写代码的哪些方面能够使你兴奋或感兴趣？ 你最近遇到过什么技术挑战？你是如何解决的？ 在制作一个网页应用或网站的过程中，你是如何考虑其 UI、安全性、高性能、SEO、可维护性以及技术因素的？ 请谈谈你喜欢的开发环境。
解释： | 表示位的或运算，将十进制数字转为二进制，然后两数的每一位进行比较，只要有1就为1， 两位均为 0，才为 0 计算过程：
简单的说即为浏览器限制访问A站点下的js代码对B站点下的url进行ajax请求。比如说，前端域名是www.abc.com，那么在当前环境中运行的js代码，出于安全考虑，访问www.xyz.com域名下的资源，是受到限制的。现代浏览器默认都会基于安全原因而阻止跨域的ajax请求，这是现代浏览器中必备的功能，但是往往给开发带来不便。特别是对我这样后台开发人员来讲，这个事情简直神奇。 但跨域的需求却一直都在，为了跨域，勤劳勇敢的程序猿们想出了许许多多的方法，例如，jsonP、代理文件等等。但这些做法增加了许多不必要的维护成本，而且应用场景也有许多限制，例如jsonP并非XHR，所以jsonP只能使用GET传递参数。更详细的资料可以看这里 Web应用跨域访问解决方案汇总
嗨，大家好！️欢迎阅读“使用CORS和CSP保护前端应用程序”——这是今天不断发展的网络环境中必读的文章。
在日常开发或者测试工作中，经常会因为下游服务不可用或者不稳定时，通过工具或者技术手段去模拟一个HTTP Server，或者模拟所需要的接口数据。
这是一个老生常谈的话题，以前我觉得这种基础文章没有什么好写的，最近为了线上问题深入了解底层，确实有点东西，下面汇总成10种方案。
Cross-origin Resource Sharing 中文名称 “跨域资源共享” 简称 “CORS”，它突破了一个请求在浏览器发出只能在同源的情况下向服务器获取数据的限制。
最近自己编写了一个后台管理系统，选用了 node.js 和 vue 相关框架和技术。也算是收获了不少知识和经验，因此，我来写下这篇文章，向大家分享一些关于node.js的核心知识，并在最后手把手教你们快速搭建并配置一个node新项目（涉及如何配置express、joi、jwt、mysql、cors）。
在Microsoft Excel中，要计算A1到A10的和，可以使用公式 =__________。
嗯。又来了，又说到跨域了，这是一个老生常谈的话题，以前我觉得这种基础文章没有什么好写的，会想着你去了解底层啊，不是很简单吗。但是最近在开发一个 「vscode 插件」 发现，当你刚入门一样东西的时候，你不会想这么多，因为你对他不熟悉，当你遇到不会的东西，你就是想先找到解决方案，然后通过这个解决方案再去深入理解。就比如跨域，新人或者刚接触的人对它并不是那么熟悉，所以说列出一些自己积累的方案，以及一些常用的场景来给他人带来一些解决问题的思路，这件事是有意义的。（写完之后还发现真香。以后忘了还能回来看看）
说到跨域访问，必须先解释一个名词：同源策略。所谓同源策略就是在浏览器端出于安全考量，向服务端发起请求必须满足：协议相同、Host(ip)相同、端口相同的条件，否则访问将被禁止，该访问也就被称为跨域访问。
同源策略（Sameoriginpolicy），是一种约定，它是浏览器最核心也最基本的安全功能
阅读目录 什么是跨域 常用的几种跨域处理方法： 跨域的原理解析及实现方法 总结 摘要：跨域问题，无论是面试还是平时的工作中，都会遇到，本文总结处理跨域问题的几种方法以及其原理，也让自己搞懂这方面的知识，走起。 什么是跨域 在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档在同一域下的内容。 JavaScript这个安全策
嗯。又来了，又说到跨域了，这是一个老生常谈的话题，以前我觉得这种基础文章没有什么好写的，会想着你去了解底层啊，不是很简单吗。但是最近在开发一个 vscode 插件 发现，当你刚入门一样东西的时候，你不会想这么多，因为你对他不熟悉，当你遇到不会的东西，你就是想先找到解决方案，然后通过这个解决方案再去深入理解。就比如跨域，新人或者刚接触的人对它并不是那么熟悉，所以说列出一些自己积累的方案，以及一些常用的场景来给他人带来一些解决问题的思路，这件事是有意义的。（写完之后还发现真香。以后忘了还能回来看看）
Node.js 代理的配置对于开发人员来说，往往是一项关键但复杂的任务。想象一下，如果开发人员能够简单有效地解决HTTP 请求转发、CORS问题以及网络配置挑战，将会带来多么巨大的便利。
什么是跨域？ 概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。 URL 说明 是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://www.a.com:8000/a.js htt
重磅资讯、干货，第一时间送达今日推荐：请停止学习框架个人原创+1博客：点击前往，查看更多
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
