問(wèn)題解決
忘了添加css

$timeout(funcyion(){},0)

修改package.json文件

安裝eslint-plugin-vue，刪除eslint-plugin-html。

修改.eslintrc.js文件

把parser: 'babel-eslint',挪到parserOptions里。
在plugins里刪除html。
在extends里添加'plugin:vue/recommended'。
在rules里添加：

    'indent': 'off',
    'vue/script-indent': [
      'error',
      4,
      {
        'baseIndent': 1
      }
    ]

示例

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint',
    sourceType: 'module',
  },
  env: {
    browser: true,
  },
  extends: ['airbnb-base', 'plugin:vue/recommended'],
  plugins: [],
  // check if imports actually resolve
  settings: {
    'import/resolver': {
      webpack: {
        config: 'build/webpack.base.conf.js',
      },
    },
  },
  // add your custom rules here
  rules: {
    // don't require .vue extension when importing
    'import/extensions': [
      'error',
      'always',
      {
        js: 'never',
        vue: 'never',
      },
    ],
    // allow optionalDependencies
    'import/no-extraneous-dependencies': [
      'error',
      {
        optionalDependencies: ['test/unit/index.js'],
      },
    ],
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
    'indent': 'off',
    'vue/script-indent': [
      'error',
      4,
      {
        'baseIndent': 1
      }
    ]
  },
};

為什么要提前分好類, 原始數(shù)據(jù)放在那, 需要用的時(shí)候只取需要的部分出來(lái)就行了

let result = data.filter(item => {
  return item.name === 'Sean' && item.sex === 'Male'
})

false == 0 。貌似的確是 true.

找到問(wèn)題所在了，大圖的寬應(yīng)該等于小圖寬乘以 放大圖的預(yù)覽圖除以放大鏡的寬， 高同理，上面的代碼自己改一部分就可以

*上面的

bigImage.width = bigImage.offsetWidth * percent;
bigImage.height = bigImage.offsetHeight * percent; 

改為

bigImage.width = container.offsetWidth * percent;
bigImage.height = container.offsetHeight * percent; 

即可，昨天寫(xiě)到太晚，迷迷糊糊地沒(méi)發(fā)現(xiàn)

event.target 是你想要的東西

鼠標(biāo)松開(kāi)事件：mouseup，對(duì)應(yīng)vue寫(xiě)在html元素上時(shí)@mouseup。這些是事件的基礎(chǔ)知識(shí)，可以百度一下的

第一次請(qǐng)求只vender.js就是5MB 肯定很慢了

第二次讀的cache 自然快一點(diǎn)

給link注冊(cè)onClick事件，在事件處理函數(shù)里判斷

面向移動(dòng)端的話，可以考慮引入grid了，畢竟手機(jī)更新?lián)Q代快，瀏覽器兼容問(wèn)題沒(méi)那么嚴(yán)重。
你這個(gè)問(wèn)題問(wèn)的好像 flex與grid只能二選一似的，要結(jié)合起來(lái)用才能發(fā)揮他們各自的優(yōu)勢(shì)，比如

1. 對(duì)于居中（特別是垂直居中）問(wèn)題、還有元素的一維分布（一條線上如何分布），用flex再合適不過(guò)了。
2. 如果涉及到二維（多行多列）確定的布局，使用Grid。
3. 涉及到響應(yīng)式的頁(yè)面元素，使用flex + width百分比寬度簡(jiǎn)直太好用，因?yàn)閒lex天生的流式布局。

二者差別的圖文，看看這篇文章《CSS終極之戰(zhàn)：Grid vs Flexbox》，總結(jié)的挺好

button觸發(fā)的function里面，寫(xiě)多個(gè)$.ajax就好了啊。

https://www.cnblogs.com/zhang...

我在使用 artEditor

報(bào)什么錯(cuò)，沒(méi)錯(cuò)誤定位不了

我移動(dòng)端拍照上傳都是跟原生的交接了

less的變量應(yīng)該不是全局的，在哪用在哪導(dǎo)入吧。

onplay="百度的;google的"
一樣都是js代碼，都寫(xiě)到onplay里去執(zhí)行就行了，中間有個(gè)分號(hào)

hearts.push = ""這樣是給在hearts創(chuàng)建了一個(gè)push屬性。
應(yīng)該是hearts.push(new Heart())，這樣就調(diào)用了Array下的push方法，多去了解下js原型鏈。

第一個(gè)媒體查詢后面少了個(gè)大括號(hào)，現(xiàn)在主流的編輯器應(yīng)該都會(huì)提示語(yǔ)法錯(cuò)誤，正確的CSS代碼如下：

@media screen and (min-width:1080px) {
    .outer{
        width:1208px;
        height:302px;
        border:solid 5px red;
        margin:0 auto;
    }
    .inner{
        width:300px;
        height:300px;
        border:dashed 1px blue;
        float:left;
        text-align:center;
        line-height:300px;
        font-size:40px;    
    }
}

@media screen and (max-width:1080px) {
    .outer{
        width:100%;
        min-width:404px;
        height:604px;
        border:solid 5px red;
        margin:0 auto;
    }
    .inner{
        width:49.5%;
        height:300px;
        border:dashed 1px blue;
        float:left;
        min-width:i200px;
        text-align:center;
        line-height:300px;
        font-size:30px;
    }
}