lanxxg / blog Goto Github PK

import React from 'react';
import echarts from 'echarts';

class Echart extends React.Component {
  constructor(props) {
    super(props);
    this.revenueChart = this.revenueChart.bind(this);
    this.getEchartsInstance = this.getEchartsInstance.bind(this);
  }
  componentDidMount() {
    this.revenueChart();
  }
  componentDidUpdate() {
    this.revenueChart();
  }
  componentWillUnmount() {
    echarts.dispose(this.chartElement);
  }
  getEchartsInstance() {
    return echarts.getInstanceByDom(this.chartElement) ||
      echarts.init(this.chartElement);
  }
  revenueChart() {
    const myChart = this.getEchartsInstance();
    myChart.setOption(this.props.option);
  }
  render() {
    return (
      <div ref={(el) => { this.chartElement = el; }} />
    );
  }
}

export default Echart ;

<!-- index.html -->
<!-- index.css -> /index.css -->
<link rel="stylesheet" href="/index.css">

<!-- bundle.js -> /bundle.js -->
<script src="/bundle.js"></script>

<IfModule mod_rewrite.c>
    <IfModule mod_negotiation.c>
        Options -MultiViews
    </IfModule>

    RewriteEngine On

    # Redirect Trailing Slashes If Not A Folder...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)/$ /$1 [L,R=301]

    # Handle Front Controller...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.html [L]

    # Handle Authorization Header
    RewriteCond %{HTTP:Authorization} .
    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]

    ErrorDocument 404 /index.html
</IfModule>

server {
     listen       80;
     server_name  your url;
     root   /path/to/xx/dist;
     location  / {
        index  index.html index.htm;
        try_files $uri $uri/ /index.html =404;
     }
     location * {
        try_files $uri $uri/ /index.html =404;
     }
}

// server.js
var express = require('express')
var path = require('path')
var app = express()

// serve our static stuff like index.css
app.use(express.static(path.join(__dirname,'build')))

// send all requests to index.html so browserHistory in React Router works
app.get('*', function (req, res) {
  res.sendFile(path.join(__dirname, 'build', 'index.html'))
})

var PORT = process.env.PORT || 8000
app.listen(PORT, function() {
  console.log('Production Express server running at localhost:' + PORT)
})

git pull origin <branch name>  //下拉更新
git checkout -b <branch name>  //创建并切换分支
git status   //查看状态
git diff  //查看修改内容
git add .  //添加修改过的文件到暂存区
git add <file>  //添加指定文件到暂存区
git commit -m "message"  //提交到本地库
git commit --amend  //修改最后一次提交
git checkout <branch name>  //切换分支
git merge <branch name>

git clone -b <branch name> url

git log 查看提交日志 （--pretty=oneline）
git log --graph命令可以看到分支合并图
git reflog 查看命令历史
git reset --hard HEAD^ (HEAD表示当前版本,上一个版本HEAD^ ,上10个版本 HEAD~10)
git reset --hard commit_id (根据 commit_id 指定某个版本)  (撤销提交)

git reset HEAD file（修改添加到了暂存区时，想放弃修改) =>git checkout -- file
git checkout -- file （在工作区放弃修改）

git rm file 删除文件

git branch  查看分支
git branch <name>  创建分支
git checkout <name>  切换分支
git checkout -b <name>  创建+切换分支
git merge <name>   合并某分支到当前分支（Fast forward）
git merge --no-ff -m "merge with no-ff" <name> 普通模式 
git branch -d <name> 删除分支

git pull <远程主机名> <远程分支名>:<本地分支名>
git push <远程主机名> <本地分支名>:<远程分支名>

git stash
git stash pop

  let props = {};
  let userProvidedData = '></div><script>alert("hi")</script>';
  props[userProvidedData] = "hello";
  let element = <div {...props} />;
  const html = ReactDOMServer.renderToString(element);