在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

既然用Vue，就不要用jQuery了，你這個(gè)需求需要使用動(dòng)態(tài)模板（dynamic template），步驟這樣：

1 需要用vue的full版本（包括compiler），而不僅是runtime版本，在webpack配置中需要增加一個(gè)alias，類似

vue: 'vue/dist/vue.js'

2.然后在模板文件中，使用下面的方式來嵌入動(dòng)態(tài)模板

<component :is="dynamicTemplate()" />

dynamicTemplate函數(shù)需要返回處理好的模板內(nèi)容，類似：

return Vue.compile('<div>' + dynamicContent +'</div>')

之所以再套一個(gè)div，是因?yàn)閂ue的模塊需要單根。如果在動(dòng)態(tài)模板內(nèi)容中依賴一些組件，這些組件需要提前注冊(cè)好，可以使用vue的全局模塊注冊(cè)。

存放echarts的容器寬高的問題，調(diào)試一下看看容器的寬高是多少？窗口變化的時(shí)候，寬高怎么變

1. function里，新建個(gè)數(shù)組
2. 循環(huán)遍歷，比較各個(gè)對(duì)象成員
3. item.name==='tom' && item.address==='河北' && item.age > 24
4. push到新數(shù)組里
5. return新數(shù)組

這個(gè)百度上面有教如何webpack配置sass的
webpack.config.js要配置scss-loader
還有
<style lang=“scss”>

因?yàn)閒n是個(gè)匿名函數(shù)

舉個(gè)簡單例子

    var obj = {
        fn1: function() {
            console.log(this);//此處輸出obj本身
            var noNamed = function() {
                console.log(this);//此處輸出windowd對(duì)象
            };
            return noNamed();
        }
    };
    obj.fn1();

以上，你的var fn=function(){}；再return fn()本質(zhì)上就是個(gè)直接調(diào)用的匿名函數(shù)閉包 return function（）{}
你只是將這個(gè)匿名函數(shù)賦值給fn了，并不能改變他沒函數(shù)名的本質(zhì)

結(jié)論：只要是匿名函數(shù)，this就指向window全局對(duì)象，例如：

function foo() {
    var fn = setTimeout(function() { //我是匿名函數(shù)
        console.log(`setTimeout的this不會(huì)隨foo改變：${this.age}`); 
    }, 0);
}
foo.call({
    age: '1000'
});//輸出undefined

vue 內(nèi)置組件 transtion 二級(jí)菜單部分 外層 用transtion。通過v-show = "isShow"來控制顯示和收縮
默認(rèn)是否顯示?？梢酝ㄟ^isDefalutShow = [],把需要展示的自己定的標(biāo)識(shí)存到這個(gè)數(shù)組里。然后在你寫的組件里處理這個(gè)數(shù)組。
點(diǎn)擊toggle可以也可以操作這數(shù)組來控制顯示收縮

下個(gè) npm 包吧，推薦 anywhere, 可以在任意文件夾起個(gè)server 來本地查看。

多項(xiàng)遍歷的話，可以選擇加一個(gè)index下標(biāo)。

<div>配送方式</div>
        <div>
          <a @click="show(index)" :class="showTab&&click_index===index?'active':''" href="javascript:;">普通快遞</a>
          <a @click="show(index)" :class="!showTab&&click_index===index?'active':''" href="javascript:;">上門自提</a>
        </div>
        <p v-if="showTab&&click_index===index">普通快遞：￥{{item.expressPrice}}</p>
        <p v-if="!showTab&&click_index===index">您可以選擇離您最近的自提點(diǎn)上門提貨，到店自提免運(yùn)費(fèi)</p>
      </div>
 data(){
return {
click_index: -1
}
},     
methods: {
  show(index){
    this.showTab = !this.showTab;
    this.click_index = index;
  },

font-size: unit(@i,px)

因?yàn)?a rel="nofollow noreferrer">match里面本來就沒有包含state。

match里面只包含了route path如何匹配URL的信息，而state顯然不是。

問題已解決，原因是 我引的一個(gè)css 文件里面，設(shè)置了頭部 display:none 。

如果僅僅是判斷是否有聯(lián)網(wǎng)等，在上層可以通過監(jiān)控等實(shí)現(xiàn)吧。

await操作符期望后面的表達(dá)式是一個(gè)promise，如果不是promise，那么轉(zhuǎn)換為resovled promise，也就是通過Promise.resolve方法調(diào)用

function query(query,callback){
    setTimeout(function(){
        callback&&callback(query);
    },2000);
}

async function f(){
    await query("1",async function(result){
        console.log("query1:"+result);
        if(result==="1"){
            await query("2",async function(result){
                console.log("query2:"+result);
            });
        }else{
            await query();
        }
        console.log("~~~~end~~~~~");
    });
}
f();

輸出

query1:1
~~~~end~~~~~
query2:2

而不是期望的

query1:1
query2:2
~~~~end~~~~~

那么我們就需要改造下

function query(paremeter,callback){
    return new Promise(function(resolve,reject){
        setTimeout(function(){
            callback&&callback(paremeter);
            resolve();
        },2000);
    });

}

async function f(){
    await query("1",async function(result){
        console.log("query1:"+result);
        if(result==="1"){
            await query("2",async function(result){
                console.log("query2:"+result);
            });
        }else{
            await query();
        }
        console.log("~~~~end~~~~~");
    });
    
   
}
f();
console.log("oh yeah");

輸出:

oh yeah
query1:1
query2:2
~~~~end~~~~~

和期望的還是有出入:

query1:1
query2:2
~~~~end~~~~~
oh yeah

應(yīng)為f函數(shù)沒有await操作符修飾，是一個(gè)同步調(diào)用,所以 oh yeah將會(huì)被接下來馬上執(zhí)行
好!,添加 await 后執(zhí)行
輸出:

query1:1
oh yeah
query2:2
~~~~end~~~~~

還是不對(duì)，這是因?yàn)榈?次query await 執(zhí)行完后query已經(jīng)得到了resolve的值了，f函數(shù)已經(jīng)執(zhí)行完畢了，下一語句就會(huì)被執(zhí)行，而不會(huì)等回調(diào)中的結(jié)果，除非

function query(paremeter,callback){
    return new Promise(function(resolve,reject){
        setTimeout(async function(){
            await callback(paremeter);
            resolve();
        },2000);
    });
}

async function f(){
    await query("1",async function(result){
        console.log("query1:"+result);
        if(result==="1"){
            await query("2",async function(result){
                console.log("query2:"+result);
            });
        }else{
            await query();
        }
        console.log("~~~~end~~~~~");
    });
    
   
}
await f();
console.log("oh yeah");

結(jié)果:

query1:1
query2:2
~~~~end~~~~~
oh yeah

其實(shí)既然使用到了await操作符，那么在接口設(shè)計(jì)的時(shí)候就需要就要避免再使用回調(diào)函數(shù)的處理方式，
可以改造如下:

function queryWithPromise(paremeter){
    return new Promise(function(resolve,reject){
        setTimeout(async function(){
            resolve(paremeter||"DEFAULT");
        },2000);
    });
}

async function f(){
    var result=await queryWithPromise("1");
    console.log("query1:"+result);
    if(result==="1"){
        result=await queryWithPromise("2");
        console.log("query2:"+result);
    }else{
        result=await queryWithPromise();
        console.log("default:"+result);
    }
    
    console.log("~~~~end~~~~~");
    return result;
   
}
var result=await f();
console.log("f result:"+result);
console.log("oh yeah");

結(jié)果:

query1:1
query2:2
~~~~end~~~~~
f result:2
oh yeah

和同步編程思維match

你為什么要拷貝到newStateData中

angular其實(shí)提供了一個(gè)類PlatformLocation，可以監(jiān)聽location的變化。

import { PlatformLocation } from '@angular/common'

constructor(location: PlatformLocation) {
    location.onPopState(() => {
        //handle location state.
    });
}

https://cn.vuejs.org/v2/api/#...

翻了一下源碼，沒有相關(guān)的方法。

好奇為啥有這樣的需求，最好說明業(yè)務(wù)需求情況，再來想解決方案比較合適。

把這段代碼

Modal.confirm({
                title: '是否跳轉(zhuǎn)？',
                onOk() {
                    // 這里做跳轉(zhuǎn)
                }
            });

封裝到Promise中，
然后通過call來調(diào)用。

語法錯(cuò)誤
data() { num: 10 },
這是方法,得return一個(gè)對(duì)象.
組件的話,data應(yīng)該是一個(gè)返回對(duì)象的函數(shù),保證這個(gè)組件的data被閉包保護(hù),不會(huì)與其他組件實(shí)例共享一個(gè)引用.

a 標(biāo)簽 錨點(diǎn), 比如 返回頂部

<a  name="top">頂部</a>
<a  href="#top">返回頂部</a>