- 博客(9)
- 收藏
- 关注
原创 script标签的type为text/x-template或text/html
第一次见这种写法是在vue文档的渲染函数&JSX章节中,类似以下写法: <script type="text/x-template" id="anchored-heading-template"> <h1>小老弟,有事吗?</h1> </script>当时就对text/x-template值好奇了起来...
2020-04-09 10:57:41
5283
1
原创 跨了个域——冷门篇
这篇我们讲跨域的几个冷门方法,如果想从头开始可以点击跨了个域第一篇;postMessage大法:跨文档信息传送(cross-document messaging),有时简称为XMD,指的是在来自不同域的页面间传递信息。XDM的核心是postMessage()方法。对于XDM而言,通常指的是包含在当前页面中的<iframe>元素,或者由当前页面弹出的窗口。这个页面所在的位...
2020-04-08 23:08:42
154
原创 跨了个域
通过XHR实现Ajax通信的一个主要限制,来源于跨域安全策略。默认情况下,XHR对象只能访问与包含它的页面位于同一个域中的资源。这种安全策略跨域可以预防某些恶意行为。但是,实现合理的跨域请求对开发某些浏览器应用程序来说也是至关最重要的。我们先说何为跨域的请求,这里得提到一个词叫“同源策略”。先不用急着点进去看,我直接说几个核心的标准:即为域名、协议、端口三者中,如果有一个是不相同的,即...
2020-04-08 17:29:48
169
原创 引用类型转换原始类型
有很多转换类型的函数,或者隐式转换,也适用于对象。例如Number()、String()、isNaN()之类,在这个过程中我们不经会好奇,把引用类型变成原生类型中,经历了什么过程?首先,我们看高程3里面的一句话(结合了一点自己的总结)isNaN()确实也适用于对象。在基于对象调用isNaN()函数时,调用对象自身的valueOf方法。如果返回原始类型的值,则直接使用该值,不再进行后续步骤...
2020-03-30 12:00:37
292
原创 唠唠 File API
参考自JavaScript高级程序设计(第3版)不能直接访问用户计算机中的文件,一直是Web应用开发中的一大障碍。很多年前,处理文件的唯一方式就是在表单中添加<input type="file">字段;File API的宗旨是为Web开发人员提供一种安全的方式,以便在客户端访问用户计算机中的文件,并更好地对这些文件执行操作;File API在表单中的文件输入字段的基础上...
2020-03-19 22:39:14
189
原创 高级技巧之 节流&防抖
我们一般在监听input事件、scroll事件或者resize事件时,会有每次更改都触发的操作。每次操作都触发本质上说肯定是没问题的,但在于是否需要每次更改都去执行函数体?就拿scroll事件来说,如果我们在频繁执行scroll的时候减少触发次数会不会有影响?input事件每次更改都去服务器请求搜索的返回结果,所以每次触发都会请求一次,我们如果让input事件后延迟去执行,甚至等待用户的所...
2020-03-17 11:57:19
105
原创 选择第N个元素
css参考手册:(n)代表一个乘法因子,可以是0, 1, 2, 3, ..., 一开始学css的时候对"n"很疑惑,甚至琢磨不透"n"的意思,例如 :nth-child(n) ,只知道在n的位置填上数字。但对应非数字的时候,就会懵。今天就来好好梳理一下N的意思首先,n可以是数字、关键词或公式数字 单纯选择第几个 关键字 有odd、even,代表选择的是奇数还是偶...
2020-03-14 21:35:00
230
原创 CSS中的BFC
块级格式化上下文 — Block formatting contextBFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。反之也如此。包括浮动,和外边距合并等等,因此,有了这个特性,我们布局的时候就不会出现意外情况了。 具有BFC的条件 display 属性为块级(包含行内块), list-item, table 的元素 产生BFC条...
2020-03-14 20:57:28
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人