- 博客(12)
- 收藏
- 关注
RSS订阅原创 前端跨域方法之window.name
window.name同样是适用于窗体之间的通信，window.name这个属性的值只要在同一个窗口中，前一个网页设置了它的值，后一个网页就可以读取他，无论是否跨域。例如：父窗口 http:127.0.0.1:3000/a.html 子窗口 http:127.0.0.1:3001/b.html子窗口内设置了window.name,那么父窗口就可以通过获取子窗口的window对象从而拿到window...
2018-02-24 18:37:42
824
原创 前端跨域方法之window.PostMessage
一、window.PostMessage适用于同一页面的不同窗体内跨域通信。该方法允许跨窗口通信，不论这两个窗口是否同源。二、举例来说，父窗口http://127.0.0.1:3000/index.html 向子窗口 http://127.0.0.1:3001/index.html发送消息，调用postMessage方法就行。（向谁发送消息，首先要获取其window对象，比如父窗口向子窗口发送消息...
2018-02-24 18:34:27
987
原创 前端跨域方法之JSONP
JSONP是服务器与浏览器跨源通信的常用方法，使用代价小。思想：网页通过添加一个<script>元素，向服务器请求JSON数据，这种做法不受同源政策限制；服务器收到请求后，将数据放在一个指定名字的回调函数里传回来。demoindex.html服务器端： ...
2018-02-24 18:32:04
452
原创 前端跨域方法之CORS
1、cross-domainCORS:是需要浏览器和服务器同时支持，IE浏览器不能低于IE10。整个跨域过程不需要用户的参与，从表面上看，CORS与ajax没有区别，代码相同，但是一旦浏览器发现跨域，它会自动在HTTP头部中添加附加信息（例如domain）,关键在于服务器是否实现了CORS接口。CORS请求分为简单请求和非简单请求。只要满足上面的两大条件就是简单请求，否则就是非简单请求。一、简单请...
2018-02-24 18:30:13
7881
原创 前端跨域方法之document.domain和location.hash
document.domain如果两个窗体一级域名相同，只是二级域名不同，那么浏览器是允许通过设置document.domain共享数据。只要将document.domain设置成相同的域名就可以共享数据。location.hash一、片段识别符（location.hash）指的是URL的#后面的部分，比如http:127.0.0.1:3000/index.html#hello的#hello，只改...
2018-02-24 18:27:13
2782
原创 前端跨域方法之proxy(代理)
一、我们知道同源策略只是在浏览器中存在，不存在于服务器中。因此我们可以将需要跨域请求的地址转发给我们自己的服务器然后委托服务器去请求信息。demo如下：页面代码我们将需要请求的跨域地址发送给我们服务器服务器代码 服务器作为代理去请求信息。...
2018-02-24 18:24:20
10940
2原创 file-loader与url-loader的区别
file-loader与url-loader的区别相同点：file-loader与url-loader都是在webpack中引入图片的解决方案。不同点：1、file-loader：返回的是图片的public URL。2、url-loader：与file-loader不同，url-loader可以在图片大小小于设定的limit的时候返回的是一个bDataURL（base64码），大于limit时会调...
2018-02-14 13:41:51
3550
原创 webpack下的react配置文件（热替换）
webpack_dev_onfig.js配置文件const webpack = require('webpack');const path = require("path");const UglifyJSPlugin = require("uglifyjs-webpack-plugin");const entry = "../app.js";const outPutPath = "../p...
2018-02-14 10:15:02
1043
原创 prop 与 state的区别
prop 与 state的区别1、prop是组件对外的接口，是用来接受数据。state是组件内部记录状态，用来改变组件。2、prop的赋值时在组建外进行的，state的改变是在组件的内部。3、组件是不应该改变的prop的值，而state就是让组件进行改变的。...
2018-02-09 18:08:21
766
原创 redraw(重绘)与reflow(回流)
redraw(重绘)与reflow(回流)重绘当页面元素样式改变时不影响元素在文档流中的位置时（比如background,color等）这时候浏览器只会将新样式赋予元素进行；重新绘制操作重绘不会带来重新布局，不一定回流回流当改变的操作响应文档内容或者结构，或者元素的位置时就会触发回流。主要有以下几种情况DOM操作（对元素的增删改，顺序变化）改变元素的位置内容变化，包括表单区域的文本变化css属性的...
2018-02-09 18:06:29
572
原创 node.js的模块系统
模块系统概念在node.js中，以模块为单位划分所有功能，并且提供了完善的模块加载机制。该模块系统是基于CommonJS。在node.js中，一个js文件内的函数、变量都只在该文件内有效。当外界需要引用该文件内的内容时，我们可以通过exports对象将目标暴露出去，使用者需要通过require()引用JS文件。exportsexports导出有两种方式：exports和 module.export...
2018-02-09 18:04:29
306
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人