web前端学习/工作笔记（十）

20. react16.production.js:14 Uncaught (in promise) Invariant Violation: Minified React error #85; visit https://reactjs.org/docs/error-decoder.html?invariant=85 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

原因:this.setState(price),没有加{}

21. 预览地址任选一个，其他页面也是这下面的，看左上角绿色的，代表是
22. 不懂的要搞清楚，比如nginx的配置路由，不能随口就说
23. 云市场用node的原因：

用node的原因：
1. seo
2. 接口和登录鉴权

24. 汇报内容要完整，不仅说自己的，把团队的信息尽量说一些，比如跟进一些信息，交互文档跟进

25.合并冲突切换不了分支： git status查看合并状态，根据提示解决

Can't merge because of unmerged files
You have to resolve all merge conflicts before merge

26. egg的nginx：访问node的接口和路由都需要配nginx
27. javascript:void(0)react未来版本将不支持，可以用"#!"
28. webpack公共模块抽离（需考虑抽离后每个模块都需要加载）

  plugins: [
        new CleanWebpackPlugin(),
        new MiniCssExtractPlugin({
          filename: "./css/[name].css",
          chunkFilename: './css/[name].css',
        })
    ].concat(baseConfig.htmlArray),
    optimization:{
        splitChunks:{
            cacheGroups:{//公共模块抽离
                common:{
                    chunks:'all',
                    name:"utils",
                    test:/src\/(utils\|mock)/
                },
                common:{
                    chunks:'all',
                    name:"components",
                    test:/src\/components/
                },
            }
        }
    },

28.useEffect传不同参数总结：

1. 没有第二个参数时,组件的初始化和更新都会执行方法
2. 第二个参数是空数组，初始化调用一次之后不再执行，相当于componentDidMount
3. 有一个或者多个值(useState中的)的数组，传入第二个参数，只有一个值，该值有变化就执行

传入第二个参数，有多个值的数组，会比较每一个值，有一个不相等就执行

29.给伪元素添加点击事件，pointer-events

 &-title{
    @include font24();
    margin-bottom: 12px;
    pointer-events: none;
    &:after{
      pointer-events: auto;
      content: '';
      display: inline-block;
      width: 24px;
      height: 24px;
      background: transparent url(./imgs/20210706-link.svg) no-repeat center;
      background-size: 100%;
      margin-left: 8px;
      vertical-align: -3px;
    }
  }

30. linux服务器查日志:

cat -n xxx.log | grep keyword //根据关键字查