前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >web前端学习/工作笔记(十)

web前端学习/工作笔记(十)

作者头像
kiki.
发布2022-10-25 15:14:41
2560
发布2022-10-25 15:14:41
举报
文章被收录于专栏:web全栈之路web全栈之路
  1. 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.
代码语言:javascript
复制
原因:this.setState(price),没有加{}
  1. 预览地址任选一个,其他页面也是这下面的,看左上角绿色的,代表是
  2. 不懂的要搞清楚,比如nginx的配置路由,不能随口就说
  3. 云市场用node的原因:
代码语言:javascript
复制
用node的原因:
1. seo
2. 接口和登录鉴权
  1. 汇报内容要完整,不仅说自己的,把团队的信息尽量说一些,比如跟进一些信息,交互文档跟进

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

代码语言:javascript
复制
Can't merge because of unmerged files
You have to resolve all merge conflicts before merge
  1. egg的nginx:访问node的接口和路由都需要配nginx
  2. javascript:void(0)react未来版本将不支持,可以用"#!"
  3. webpack公共模块抽离(需考虑抽离后每个模块都需要加载)
代码语言:javascript
复制
  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传不同参数总结:

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

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

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

代码语言:javascript
复制
 &-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;
    }
  }
  1. linux服务器查日志:
代码语言:javascript
复制
cat -n xxx.log | grep keyword //根据关键字查
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-10-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档