/my_blog

记录一些平常学习的知识点

Primary LanguageHTML

开发日记

记录一些平常学习的知识点

1. node线上版本号固定

开发环境中，所有依赖模块都能正常工作时，便在部署到服务器之前将依赖包的版本锁住，运行
npm shrinkwrap
比如"axios": "^0.18.0", 表示的是0.X.X版本都可以用，"axios": "~0.18.0",表示的是0.18.X版本都可以用,向下兼容

我们会得到一个npm-shrinkwrap.json的文件，这个文件保存了所有当前使用的依赖模块的版本。将这个文件连同项目源码一同部署到服务器上，然后运行npm install这时候，npm会首先检查有没有npm-shrinkwrap.json文件，有的话会根据该文件中依赖包的版本以及resolve字段下载依赖包，这样就能够保证线上环境与开发环境一致。

2. react-router-dom

BrowserRouter 4.0版本不支持history的参数。路由跳转需要使用 HashRouter 或者使用react-router4.0以下版本。

<HashRouter  >
              <div>
                <Route path="/app" component={App}/>
                <Route path="/a/:id" component={Page1}/>
                <Route path="/b" component={Page2}/>
                <Route path="/c" component={Page3}/>    
              </div>    
</HashRouter>
 this.props.history.push("/a/"+123123); //携带参数
 this.props.match.params.id             //输出参数
 this.props.history.push({              //隐式携带参数
        
        pathname:"/b",
        state:{ name:"yjk" }
      
      })
 this.props.history.location.state     //输出参数  {name:"yjk"}

3. react 的原生事件

e.nativeEvent