重新复习~ 为了重新找工作 - > XMLHttpRequest2.0 Jsonp nodeType 节点 webpack基本搭建 闭包的一句话总结
XMLHttpRequest2.0
1.可以设置超时 （xhr.timeout = 1000; ontimeout（）函数）
2.支持FormData对象管理表单数据（new FormData 方法：append(键，值)）
3.支持二进制（文件上传）
4.支持上传（X.files[x]）
5.监听上传（xhr.uload.onprogress = function(ev){console.log(ev) (ev.loaded/ev.total*100)+% })
Jsonp
<script src="x.php?color=red"> </script>
请求数据的同时发送一个请参参数 通过来对请求参数的判断来返回数据
闭包就是return 可以再函数外部访问到函数内部的变量 防止污染
nodeType
元素element ==》1
属性attr ==》2
文本text ==》3
注释comments ==》8
文档document ==》 9
webpack
先建三个js
一 . 开发：webpack.develop.config.js
var path = require('path');
module.exports = {
// 项目入口文件
entry:[
'webpack/hot/dev-server',
'webpack-dev-server/client?http://localhost:8080',
path.resolve(__dirname,'src/app.js')
],
// 编译之后的输出路径
output: {
path: path.resolve(__dirname, 'publish'),
filename: 'bundle.js',
},
module: {
loaders: [
{
test: /\.jsx?$/, // 用正则来匹配文件路径，这段意思是匹配 js 或者 jsx后缀名的文件
loader: 'babel',// 加载模块 "babel" 是 "babel-loader" 的缩写
query: {
presets: ['es2015', 'react']
}
},
{
test: /\.css$/, // Only .css files
loader: 'style!css' // 同时用两个，中间用感叹号隔开loaders
},
{
test: /\.scss$/,
loader: 'style!css!sass'
}
]
}
}
二.公共：webpack.base.config.js
三.发布：webpack.publish.config.js
var path = require('path');
module.exports = {
// 项目入口文件
entry: path.resolve(__dirname,'src/app.js'),
// 编译之后的输出路径
output: {
path: path.resolve(__dirname, 'publish'),
filename: 'bundle.js',
},
module: {
loaders: [
{
test: /\.jsx?$/, // 用正则来匹配文件路径，这段意思是匹配 js 或者 jsx后缀名的文件
loader: 'babel',// 加载模块 "babel" 是 "babel-loader" 的缩写
query: {
presets: ['es2015', 'react']
}
},
{
test: /\.css$/, // Only .css files
loader: 'style!css' // 同时用两个，中间用感叹号隔开loaders
}
]
}
}
npm i webpack-dev-server --save-dev
npm run webpack.develop.config.js 运行命令
配置到package.json里
--save 是上线还需要的 --save-dev 开发的时候需要的
先下载工具 ： npm install babel-loader --save-dev
npm install babel-core babel-preset-es2015 babel-preset-react --save-dev
不认识react 和 ES6语法下载：npm install react --save
npm install react-dom -save
npm install sass-loder --save-dev
React
ReactDOM.render();
