记录问题汇总

这几天开发项目，临近提测，自测一遍之后，没有问题，然后晚上开开心心的提交代码，到第二天，一看部署之后的代码懵逼了，bug小惊喜来啦，，自己的代码在本地代理一点问题没有，部署之后的样式就没有了，搜索栏位置显示不正常，再看自己本地代码，正正常常，懵逼脸，苦苦找寻原因才发现是node_modules问题，删除node_modules 之后，重新install ,问题复现。

先是利用了 git clean -dfx 命令，解决无果

之后利用了最直接的办法解决：

删除node_modules

如果删除太慢，可以利用

npm install rimraf -g 全局安装，然后在目录下删除

rimraf node_modules 快速方便

解决完问题复现之后，又发现input.search 有显示问题，input 聚焦的时候，右边框不会显示蓝色聚焦边框，结果是 allowClear 这个属性的锅

git 三个参数的区别

git reset --soft HEAD1 撤销commit, 不删除代码，不撤销add
git reset --mixed HEAD1 默认值 git reset HEAD1 撤销commit，撤销add., 不删除代码
git reset --hard HEAD1 撤销commit. 撤销add，删除代码

css

whiteSpace

后台返回的字符串带有回车换行符号，↵，若前端也想展示换行则可以用

方法一： code 或 pre 标签

方法二：利用whiteSpace

<div style={{ whiteSpace: 'pre-line' }}> {modelInfo.preprocessConfig} // 如果不加这个css，就不会显示{↵ 这个符号。 "[{"body":"{↵ "cols": {↵ "住院天数": {↵ "value [{"body":"{ "cols": { "住院天数": {

方法三：正则替换 ↵ 可以用 \r\n 来匹配到。或者\n匹配，取决不同编辑器

replace(/\r\n/g, '\r\n\r\n')

antd

```

  // 排序
  const Sorter = (dataIndex: string) => ({
    sorter: (a: FlListType | ProcessListType, b: FlListType | ProcessListType) => {
      const aTime = new Date(a[dataIndex]).getTime();
      const bTime = new Date(b[dataIndex]).getTime();
      return aTime - bTime;
    },
  })

 {
      title: '创建人',
      dataIndex: 'operatorCreate',
      key: 'operatorCreate',
      filterIcon: (filtered: boolean) => <DownOutlined style={{ color: filtered ? '#1890ff' : undefined }} />,
      filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }: { setSelectedKeys: CallBackTypeHas, selectedKeys: CallBackType, confirm: CallBackType, clearFilters: CallBackType }) => (
        <div style={{ padding: 8 }}>
          <Input
            placeholder="搜索创建人"
            value={selectedKeys[0]}
            onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}
            onPressEnter={() => searchProcessCreateName(selectedKeys, confirm)}
            style={{ width: 188, marginBottom: 8, display: 'block' }}
          />
          <Space>
            <Button
              type="primary"
              onClick={() => searchProcessCreateName(selectedKeys, confirm)}
              icon={<SearchOutlined />}
              size="small"
              style={{ width: 90 }}
            >
              搜索
          </Button>
            <Button onClick={() => resetProcessCreateName(clearFilters)} size="small" style={{ width: 90 }}>
              重置
            </Button>
          </Space>
        </div>
      ),
      render: (text: string) => <div>
        <Tooltip title={text}>
          <div className={styles.ellipsisTextCreate}> {text}</div>
        </Tooltip>
      </div>
    },
    {
      title: '创建时间',
      dataIndex: 'gmtCreate',
      key: 'gmtCreate',
      width: "14%",
      ...Sorter('gmtCreate')
    },
``` 





判断用户离开页面


window.addEventListener('visibilitychange', () => {
  const isHidden = document.hidden;
  if (isHidden) {
    console。log('离开')
  } else {
    consoel.log('回来')
  }
});


// 锁死版本
"resolutions": {    "react-color": "2.18.0"  },