9.15 width: calc()，边框bcgImage表示，React大众点评学习4，WebpackDefinePlugin，blob相关学习, textarea { resize:none; }

width: calc(100% - 68px);
css3 的 calc()函数。这里的意思是设置宽度比100%的宽度少68px。

边框bcgImage表示 // image分别表示2条边框，以position和size进行边框描绘。

React大众点评学习4
// 跳转上一个历史记录
this.props.history.goBack();
//跳转指定路由
this.props.history.push("/search_result");

Route跳转三种方式

<Route component={User} />

<Route
 {...rest} // 剩余参数包括 path='/user' 等等
 render={
   (props) => { // props应是地址栏的参数
     return login ? (
       <Component {...props} /> // Component来自上一层解构出的User组件并挂载
     ) : (
         <Redirect // 重定向路由
           to={{
             pathname: '/login',
             state: { from: props.location }
           }}
         />
       );
   }
 }>
</Route >

WebpackDefinePlugin
Webpack是属于Node的程序，Node环境下的环境变量，Webpack可以配置可以灵活读取。

但是index.js里面是属于Webpack要构建的产物，如果里面也想读取环境变量。可以通过这个DefinePlugin定一下
index.js里面就可以读到了。

new webpack.DefinePlugin({
  'process.env.NODE_ENV': '"' + process.env.NODE_ENV + '"'  // 需手动加引号
})

blob相关学习

利用Blob进行文件上传的完整步骤

https://www.jb51.net/article/144934.htm

js中的blob对象

https://www.jianshu.com/p/b322c2d5d778