鍍金池/ 問(wèn)答/ HTML問(wèn)答
傲寒 回答

一般情況下，使用箭頭函數(shù)this的指向和外層的this相同，但是你涉及到setTimeout，環(huán)境發(fā)生變化，使用_this = this是正確的做法，沒(méi)什么的大礙的

薄荷糖 回答

webpack文檔 -- 手把手從零入門

對(duì)著官網(wǎng)一步一步做，就是最快的入門，不會(huì)走彎路。

傻叼 回答

一般都是寫(xiě)兩個(gè)配置文件，一個(gè)開(kāi)發(fā)階段用，另一個(gè)發(fā)布階段用，不會(huì)同時(shí)打包生成非壓縮文件和.min文件，如果想要同時(shí)存在兩個(gè)文件發(fā)布的時(shí)候，分別使用webpack.dev.config.js和webpack.prod.config.js執(zhí)行一遍webpack就行了。

遺莣 回答

使用ES6模板字符串，無(wú)需手動(dòng)轉(zhuǎn)義，且支持多行字符串

    var input = $(`<input type="text" onkeyup={value=value.replace(/[a-z|A-Z|0-9|_]/g,'')} />`);
何蘇葉 回答

eventbus應(yīng)該不行，你這有兩個(gè)vue實(shí)例

骨殘心 回答

問(wèn)題已經(jīng)解決，原因是dva2.1.0用的是react-router4，里面并沒(méi)有這兩個(gè)對(duì)象，
clipboard.png
但是4給我們支持了history依賴，所以可以這樣解決：

import createHistory from 'history/createBrowserHistory';

const app = dva({
  history: createHistory()
});
萌小萌 回答

你的 alert 組件寫(xiě)的有問(wèn)題， 建議使用常規(guī)的格式書(shū)寫(xiě)

抱緊我 回答

props 定義在子組件里，類似注冊(cè)在全局，在使用子組件的地方，傳值props到子組件

黑與白 回答

$.ajax({

data:數(shù)據(jù)
url:后臺(tái)接口路徑
method:請(qǐng)求方式

})

青黛色 回答

你是要實(shí)現(xiàn)全選操作吧,這應(yīng)該是要添加JS來(lái)實(shí)現(xiàn)，推薦一篇文章或許有幫助

喜歡你 回答 
render: (h) => {
    return h('div', [
        h('h2', '標(biāo)題'),
        h('Input', {
            props: {
                value: this.value,
                autofocus: true,
                placeholder: 'Please enter your name...'
            },
            on: {
                input: (val) => {
                    this.value = val;
                }
            }
        })
    ])
}

外層包裹div，第二個(gè)參數(shù)用數(shù)組表示自元素序列。可以根據(jù)官方提示學(xué)習(xí)下render函數(shù)的使用，這是vue的官方api。h是createElement的簡(jiǎn)寫(xiě)，也是vue官方api。

影魅 回答

多項(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;
  },
還吻 回答

你是在ie 里面， 測(cè)試的代碼？ 若果是 建議 查看 ie 對(duì) XMLHttpRequest 兼容實(shí)現(xiàn)。
或者 你打包里面 開(kāi)著代碼校驗(yàn)，例如 eslint？

汐顏 回答

因?yàn)榭梢允褂们岸丝蚣芤恍┓桨附鉀Q前端開(kāi)發(fā)，但是渲染放在前端，搜索引擎是解析執(zhí)行不了的
你的那種方案，并不可行，這樣load的頁(yè)面返回本質(zhì)上還是在前端渲染
搜索引擎只認(rèn)拿到的，并不關(guān)你會(huì)變成怎樣。
那么就簡(jiǎn)化成只要拿到處理后的html即可
例如build出前端項(xiàng)目 加一層渲染 然后返回渲染后的文件
例如ssr模塊，犧牲一些東西。

何蘇葉 回答

圖片描述

如果你只是想實(shí)現(xiàn)單擊的時(shí)候打印該元素的text，雙擊的時(shí)候會(huì)刪除該元素，那么使用vue的事件綁定不是更簡(jiǎn)單？

<p v-for="(item,index) in aa" :key="index" @click="log(item.text)" @dblclick="spl(index)">{{item.text}}</p>

methods

log(i){console.log(i)},
spl(i){this.aa.splice(i,1)}
鹿惑 回答
await操作符期望后面的表達(dá)式是一個(gè)promise，如果不是promise，那么轉(zhuǎn)換為resovled promise，也就是通過(guò)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ù)沒(méi)有await操作符修飾，是一個(gè)同步調(diào)用,所以 oh yeah將會(huì)被接下來(lái)馬上執(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í)行完畢了，下一語(yǔ)句就會(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

忠妾 回答

好吧,我在 官方github 找到了答案

事實(shí)上這個(gè)問(wèn)題并沒(méi)有被解決,因?yàn)楫?dāng)前版本的 RN (5.2) 的 SectionList 似乎不支持 setNativeProps 的完整功能

安若晴 回答

this.$navigator.setNavigationInfo({

                title: '',
                navShow: false,//　導(dǎo)航欄顯示與否
                statusBarStyle: 'Default'
            },
            () => {}
        );
首頁(yè) 上一頁(yè) 1185 1186 1187 1188 1189 1190 1191 1192 1193 下一頁(yè) 尾頁(yè)