1、同源
如果两个页面的协议,域名和端口都相同,则两个页面具有相同的源
2、同源策略
浏览器 提供的一个安全功能
同源策略限制了A网站去访问B网站,这是一个用于隔离潜在恶意文件的重要安全机制
1. 无法读取非同源网页的Cookie、localStorage和indexedDB
2.无法接触非同源网页的DOM
3.无法向非同源地址发送Ajax请求
3、跨域
跨域: 两个URL的协议、域名、端口不一致。
Ajax正常的发送请求服务器把数据响应给浏览器,但是跨域请求回来的数据,会被浏览器的同源策略所拦截,从而无法获取到
4、JSONP
JSONP是json的一种使用模式,可用于解决主浏览器的跨域数据访问的问题
JSONP的实现原理,通过<script>标签的src属性,请求跨域的数据接口,通过函数调用的形式,接收跨域接口响应回来的数据。
5、防抖
防抖: 是当事件被触发后, 延迟n秒后再执行回调,如果在这n秒事件又被触发,则从新计时
6、节流
节流 : 可以减少一段时间内事件的触发频率
7、防抖和节流的区别
防抖:如果事件被频繁触发,防抖能保证只有最后一次触发生效
实现原理:利用定时器的延迟效果设置 每当用户输入就会清空上次的定时器,重新执行
节流:如果事件被频繁触发,节流能够减少触发的频率。
实现原理:利用了布尔值进行判断,true false 判断上次事件是否执行完毕,然后再往下执行