Vue移动端系列 =＞ [07-1] 文章详情 diff

• 1. 返回的数据过大,就需要操作一下
     这里就是服务器返回的原始数据,这个值在被axios转换的时候,如果数组大小超过了2的54次方,精度确实了,文章id就变了,那么请求就会失效,就会报404的错误
• 2. markdown文件不进行px转rem的操作

module.exports = {
  plugins: {
    //   已经内置了,不需要自己配置
    // autoprefixer: {
    //   browsers: ['Android >= 4.0', 'iOS >= 8'],
    // },

    'postcss-pxtorem': {
      rootValue: function(val) {
        return val.file.indexOf('vant') === -1 ? 75 : 37.5;
      },
      propList: ['*'],
      // 表示堆这个前缀开头的css文件,不进行px转rem的操作
      exclude: 'github-markdown',
    },
  },
};

• 3.侧边滚动条限制滚动范围

 .main {
    height: 84vh;
    overflow-y: auto;
    }

• 4.打印获取我们的DOM结构
• 在请求成功以后再打印我们的dom节点
  DOM更新是异步操作,用$nextTick或者定时器,让我们的打印或者说回调函数进入异步事件队列,(先进先出,dom更新再前面已经进入到了异步事件队列,这里我们再通过$nextTick再让我们的回调函数进入异步事件队列.这样打印就是dom更新完毕了,再打印)

这里使用定时器,也可以,只要让它进入异步事件队列即可

this.$next Tick(()=>){
	console.log(this.$refs.articleDetail)
}

setTimeout(()=>{
	console.log(this.$refs.articleDetail)
})

ESLint 报错 Unable to resolve path to module ‘antd-mobile’ import/no-unresolved

"rules": {
    "import/extensions": [2, "never", { "web.js": "never", "json": "never" }],
    "import/no-extraneous-dependencies": [2, { "devDependencies": true }],
    "import/no-unresolved": [2, { "ignore": ["antd-mobile"] }]
  }