同源策略同源策略（SOP - Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也是最基本的安全功能，是一个重要的安全策略，它用于限制一个源的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介。如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。 所谓同源是指协议 + 域名 + 端口三者

HTTP 与 HTTPS协议TCP/IP 五层模型TCP/IP五层模型分为物理层，数据链路层，网络层，传输层，应用层。 HTTP、DNS、FTP协议为应用层协议 TCP、UDP为数据链路层协议 IP为网络层协议 URI 与 URLURI（统一资源标识符）用字符串标识某一互联网资源，HTTP协议使用URI定位互联网资源 URL（统一资源定位符）表示资源的地点，为URI的子集 HTTP 协议超文本传输

异步异步的特点：不等待 非阻塞，同时处理大量的并发请求，使得性能提高 JavaScript为单线程运行，如果程序为同步执行的，在发送http请求，读写文件等操作中，线程阻塞，程序将无法响应其他操作。所以实现异步后，性能有很大提升。且由于是单线程运行，没有线程同步等的问题。 阻塞代码// 阻塞式的 const fs = require("fs"); const data = fs.readFileS

前言面试中让实现一个Promise.all方法，当时没有什么头绪，网上部分博客中的实现感觉也有些问题，所以参考他人的实现，然后加入一些自己的想法。 Promise.all的原理Promise.all(iterable)方法接收一个可迭代对象作为参数，比如Array或String，如果参数中所有的promise都完成（resolved）或参数中不包含 promise 时回调完成（resolve）；如

实现双向绑定单向绑定： 数据驱动视图 双向绑定： 数据驱动视图，视图影响数据 双向绑定无非就是在单向绑定的基础上给可输入元素添加了change事件，来动态修改model和view 实现数据绑定的做法： 发布者-订阅者模式(backbone.js) 脏值检查(angluar.js) 数据劫持(vue.js) 数据劫持：vue.js 采⽤用数据劫持结合发布者-订阅者模式的方式，通过Object.d

前端优化是十分重要的，也是面试官常问的问题。 前端优化最重要的目的应该就是提高性能与用户体验，包括提高加载速度，流畅度，更快的相应用户操作等。 https://github.com/thedaviddias/Front-End-Performance-Checklist 减少http请求次数通过http请求数据，下载数据的时间占比很小，且文件越小，比例越小，所以可以通过合并多个小文件，来减少HTT

概念JavaScript语言是单线程的，这意味着同一时间只能执行一个任务 浏览器是多线程的，一个浏览器通常由以下常驻线程组成： GUI 渲染线程 JavaScript引擎线程 定时触发器线程 事件触发线程 异步http请求线程 GUI 渲染线程 与 JavaScript引擎线程互斥，JS引擎执行任务时永远不会进行渲染（render），仅在任务完成后才会绘制对 DOM 的更改。 如果一项任务执行

匿名插槽slot 组件中包裹的内容将会被插入到slot所在的位置 <script> Vue.component('MyBtn', { template: ` <button> <slot></slot> </button>

局部组件与全局组件局部组件// 这是一个局部组件 const App = { template: ` <div> <h3>{{msg}}</h3> <button @click="handleClick">按钮</b

Promise简介相当于一个容器，允许你为异步操作的成功和失败分别绑定相应的处理方法，保存着未来才会结束的事件（异步操作）的一个结果 各种异步操作都可以用同样的方法进行处理 对象的状态不受外界影响，处理异步操作有三个状态： pending（进行） fulfilled（成功） rejected（失败） 一旦状态改变，就不会再变化，任何时候都可以得到这个结果 基本使用function timeou