onload事件 complete屬性可以認(rèn)定圖片加載完畢

這個問題我們之前遇到過，應(yīng)該是webpack loader的問題。

{
    test: /\.(woff2?|eot|ttf|otf|svg)(\?.*)?$/,
    loader: 'url-loader',
    options: {
       limit: 10000,
       name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
   }
}

可以試試取消limit

test: /.(woff2?|eot|ttf|otf|svg)(?.*)?$/,
還有你的字體文件中有.woff后綴的文件，但是正則匹配的時候卻沒有匹配到，你也可以把woff結(jié)尾的這個文件刪除掉。

最好能把報錯信息貼出來，可以更好的定位錯誤。

跨域問題，你可以看得到返回的數(shù)據(jù)，但是無法直接使用數(shù)據(jù)

html:
<div class="outerbox">

<div class="lf"></div>
<div class="rg"></div>

</div>
css:

.outerbox{
    width: 500px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-content: flex-start;
}
.outerbox div{
    width: 100px;
    height: 100px;
    background: red;
}

不能引用相對路徑中的圖片，要放到assets文件夾中

先從基礎(chǔ)的tcp、udp協(xié)議開始學(xué)起，學(xué)會網(wǎng)絡(luò)基礎(chǔ)知識。

你把加載動畫單獨寫成一個組件，通過app.vue引入

/**
 * 生命周期函數(shù)--監(jiān)聽頁面顯示
 */
onShow: function () {

}

// router.js
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export function createRouter () {
  return new Router({
    mode: 'history',
    routes: [
      { path: '/', component: () => import('./components/Home.vue') },
      { path: '/item/:id', component: () => import('./components/Item.vue') }
    ]
  })
}

你4個button的那個js，你沒有把for循環(huán)中的i當(dāng)作參數(shù)傳入進(jìn)事件中，你調(diào)用了最外面的f1()，也只是執(zhí)行這個函數(shù)里面可執(zhí)行的程序段，也就是說你for循環(huán)確實在執(zhí)行了，但是循環(huán)里面的監(jiān)聽事件你不會去觸發(fā)，那么無論你怎么監(jiān)聽，你的i最后輸出只會是4。給你看一個log大法你應(yīng)該就能明白了

而你最后一個程序那是把i當(dāng)參數(shù)傳進(jìn)去了，所以你會輸出每個i值，其實現(xiàn)在你完全可以用es6的語法直接一鍵搞定這個問題，把var改成let就行

不是有Link 這個blot嗎

使用editor.md編輯器https://github.com/pylixm/dja...以及django的mathjax插件可以解決大部分問題

不知道樓主解決了沒有，這里分享下，我的解決方案（已經(jīng)解決了）。使用了 vue-awesome-swiper(內(nèi)置的 swiper 用的版本是4.x)。
在 loop 開啟的時候，dom 綁定事件是有問題的。因為在loop模式下slides前后會復(fù)制若干個slide，從而形成一個環(huán)路，但是卻不會復(fù)制綁定在dom上的click事件。
因此只能使用 swiper 提供的 api 方法進(jìn)行解決。

在 swiperOption 里，定義一個 click 事件，具體代碼如下：
html 代碼片段

<swiper :options="swiperOption" ref="mySwiper">
  <swiper-slide
    v-for="(banner, index) in bannerList"
    :key="banner.id">
    <div class="banner-item">
      <img :src="banner.imgUrl" alt="news">
      <p>{{banner.title}}</p>
    </div>
  </swiper-slide>
  <div class="swiper-pagination" slot="pagination"></div>
</swiper>

js 代碼片段

let vm = null;
new Vue({
    data: function() {
     return {
         swiperOption: {     // 輪播配置
              loop: true,   // 循環(huán)滾動
              on: {
                click: function () {
                  // 這里有坑，需要注意的是：this 指向的是 swpier 實例，而不是當(dāng)前的 vue， 因此借助 vm，來調(diào)用 methods 里的方法 
                  // console.log(this); // -> Swiper
                  // 當(dāng)前活動塊的索引，與activeIndex不同的是，在loop模式下不會將 復(fù)制的塊 的數(shù)量計算在內(nèi)。
                  const realIndex = this.realIndex;
                  vm.handleClickSlide(realIndex);
                }
              }
            }
         },
         bannerList: [
          {
           id: '1',
           title: '世界杯揭幕戰(zhàn)-超新星1球2助攻俄羅斯5-0沙特 格里茲曼宣布留馬競',
           imgUrl: 'http://n.sinaimg.cn/sports/180/w640h340/20180615/AYes-hcyszrz3457297.jpg'
          },
          {
            id: '2',
            title: '顏值滿分！世界杯首日美女球迷盤點',
            imgUrl: 'http://n.sinaimg.cn/sports/180/w640h340/20180615/H3Wz-hcyszrz4804003.jpg'
          },
          {
            id: '3',
            title: '盤點歷屆世界杯大比分“屠殺”',
            imgUrl: 'http://n.sinaimg.cn/sports/180/w640h340/20180615/FNuk-hcyszrz4805039.jpg'
          }
        ]  
    },
    computed: {
      swiper() {
        return this.$refs.mySwiper.swiper;
      }
    },
    created() {
        vm = this;
    },
    methods: {
       handleClickSlide(index) {
           console.log('當(dāng)前點擊索引：'， index);
       } 
    }
})
 

希望能幫到你及更多的人

我照著你的寫了一遍,發(fā)現(xiàn)修改之后是有效果的,
你可以找到你的Source Code Pro字體,
右鍵屬性查看它的.ttf之前到底是什么,
然后復(fù)制過去試試.

我近期也遇到類似的問題, 是因為安裝的字體還沒有立即應(yīng)用到你的電腦, 電腦重啟之后就可以生效了

three.js
example

在actions里用axios的話，直接引入就好了import 'axios'
獲取state里的數(shù)據(jù)也可以直接引state，不過一般都是接收外面?zhèn)鬟^來的參數(shù)

改變state值當(dāng)然是通過mutations改變了，通過actions里的context.commit嗲用mutations里的方法（可以把參數(shù)傳過去），在mutations里改state

actions:

import axios form 'axios'

const actions = {
  setMutation (context, params) {
    axios.get(params.url, {params: params})
    .then(res => {
        context.commit('setInfo', res.info)
    })
  }
}

export default actions

mutations:

const mutations = {
    setInfo (state, params) {
        state.info = params.info
    }
}

export default mutations

就是執(zhí)行v.default 方法,傳進(jìn)去一個參數(shù) "_w_tb_nick"

你設(shè)置的是字典，字典對應(yīng)的是數(shù)據(jù)的最后一條。你如果想取所有的值，可以試著使用數(shù)組而不是字典。
比如說，let data = res.data.subjects;

       let arr = [];
    for(let i=0;i<data.length;i++){
     arr[i] = data[i];
    }

首先

前端點擊“獲取驗證碼”，請求后端接口；

然后

1. 后端去請求三方接口，三方負(fù)責(zé)發(fā)送短信，并返回給后端驗證碼；
2. 后端將{手機號}和{驗證碼}存入一個臨時表；

接著

1. 前端輸入驗證碼，再請求后端的驗證接口；
2. 后端根據(jù)手機號查表，并比對{三方給的驗證碼}和{前端提交的驗證碼}，根據(jù)結(jié)果返值并刪除臨時表中的記錄；

你這個不是數(shù)組結(jié)構(gòu)，是對象結(jié)構(gòu)，把他改成對象就可以了

{
'0': {id: '',...},
'1': {id: '',...},
}