Javascript
原生JavaScript
TingYu168
发呆放空写Bug
展开
-
跨了个域——冷门篇
这篇我们讲跨域的几个冷门方法,如果想从头开始可以点击跨了个域第一篇; postMessage大法:跨文档信息传送(cross-document messaging),有时简称为XMD,指的是在来自不同域的页面间传递信息。 XDM的核心是postMessage()方法。对于XDM而言,通常指的是包含在当前页面中的<iframe>元素,或者由当前页面弹出的窗口。 这个页面所在的位...原创 2020-04-08 23:08:42 · 151 阅读 · 0 评论 -
跨了个域
通过XHR实现Ajax通信的一个主要限制,来源于跨域安全策略。默认情况下,XHR对象只能访问与包含它的页面位于同一个域中的资源。这种安全策略跨域可以预防某些恶意行为。但是,实现合理的跨域请求对开发某些浏览器应用程序来说也是至关最重要的。 我们先说何为跨域的请求,这里得提到一个词叫“同源策略”。 先不用急着点进去看,我直接说几个核心的标准:即为域名、协议、端口三者中,如果有一个是不相同的,即...原创 2020-04-08 17:29:48 · 166 阅读 · 0 评论 -
多次对函数使用bind
bind函数用于改变this的指向,如果对一个函数多次进行bind后的this,是否会改变?原创 2020-03-30 17:36:28 · 686 阅读 · 0 评论 -
引用类型转换原始类型
有很多转换类型的函数,或者隐式转换,也适用于对象。例如Number()、String()、isNaN()之类,在这个过程中我们不经会好奇,把引用类型变成原生类型中,经历了什么过程? 首先,我们看高程3里面的一句话(结合了一点自己的总结) isNaN()确实也适用于对象。在基于对象调用isNaN()函数时,调用对象自身的valueOf方法。如果返回原始类型的值,则直接使用该值,不再进行后续步骤...原创 2020-03-30 12:00:37 · 285 阅读 · 0 评论 -
唠唠 File API
参考自JavaScript高级程序设计(第3版) 不能直接访问用户计算机中的文件,一直是Web应用开发中的一大障碍。很多年前,处理文件的唯一方式就是在表单中添加<input type="file">字段; File API的宗旨是为Web开发人员提供一种安全的方式,以便在客户端访问用户计算机中的文件,并更好地对这些文件执行操作; File API在表单中的文件输入字段的基础上...原创 2020-03-19 22:39:14 · 186 阅读 · 0 评论 -
高级技巧之 节流&防抖
我们一般在监听input事件、scroll事件或者resize事件时,会有每次更改都触发的操作。每次操作都触发本质上说肯定是没问题的,但在于是否需要每次更改都去执行函数体? 就拿scroll事件来说,如果我们在频繁执行scroll的时候减少触发次数会不会有影响? input事件每次更改都去服务器请求搜索的返回结果,所以每次触发都会请求一次,我们如果让input事件后延迟去执行,甚至等待用户的所...原创 2020-03-17 11:57:19 · 104 阅读 · 0 评论