鍍金池/ 問答/ HTML問答
不討喜 回答

在遍歷的時(shí)候把序列帶上,和state相比較就可以了
參考以下代碼

state = {
    index:0
}
handleClick = (index) => {
    this.setState({index})
}
render (){
    const {index} = this.state;   
    return (
        list.map((el,i)=>{
            return <TargetSource className={index===i?"current":""} onClick={(i)=>this.handleClick(i)} />
        })
    )
}
默念 回答

<div style="width:300px; height:300px; position:relative; background-color:#000">
<div style="width:30px; height:30px; border-radius:50%; position:absolute; top:-15px; right:-15px; background-color:#fff"></div>
</div>
用一個(gè)背景顏色的圓定位。

網(wǎng)妓 回答

update

可以看看這篇文章

淺拷貝: Object.assign {...obj}
深拷貝: 一層層復(fù)制, pushState, JSON.parse+JSON.stringify

失心人 回答

沒有css-loader你可以單獨(dú)安裝,這種問題應(yīng)該是不同依賴環(huán)境造成的。

或者簡單粗暴,把node卸載了,裝你同事那個(gè)版本

放開她 回答

smms 了解一下 ?

陪我終 回答

Array.prototype.sort在es規(guī)范中只定義了行為,沒有規(guī)定具體排序算法的實(shí)現(xiàn),因此各個(gè)引擎的實(shí)現(xiàn)有所不同。

對V8而言,數(shù)組長度小于10則使用插入排序,否則使用快速排序
https://github.com/v8/v8/blob...

clipboard.png

然后這個(gè)方法在已是過去時(shí),4月份V8對array.sort和typedarray.sort進(jìn)行了重寫,理由是更好的性能。用的是一個(gè)叫做torque的語言,貌似是V8自己基于c++開發(fā)的一個(gè)DSL

這是array.sort重寫的commit,可以看出實(shí)現(xiàn)還是跟原來一樣。性能提升源于C++本身的性能優(yōu)勢。

clipboard.png

疚幼 回答
  1. 這個(gè)應(yīng)該是UI布局框架的范疇,僅就題目而言,沒必要把前端框架也拉進(jìn)來討論
  2. 最常見的應(yīng)該就是BootStrap了,剩下的基本都沒它資料多
  3. 如果給的就是這個(gè)設(shè)計(jì),你可以嘗試跟設(shè)計(jì)溝通下,看看有沒有再繼續(xù)改進(jìn)的可能;不過我覺得有這些內(nèi)容基本就可以開工了,既然給到的設(shè)計(jì)稿是992,那你直接把它作為內(nèi)容容器的寬度就行了,所有內(nèi)容都放在這個(gè)容器里,背景什么的該平鋪平鋪~當(dāng)然最好還是跟設(shè)計(jì)打個(gè)招呼。
葬愛 回答

所以為啥要用中文作ID..英文的話不就可以避免編碼的問題了蠻

小曖昧 回答

利用es7的async/await可以實(shí)現(xiàn)

async callme() {
   const result_a = await doActionA(param1);
   const result_b = await doActionB(param2, param3);
   const result_c = await doActionC(param3);
}

OrgChart只支持一個(gè)root節(jié)點(diǎn)。
可以通過css方式視覺上實(shí)現(xiàn)。

安若晴 回答

子組件

// js
props: {
    // ...
    activeName: {} // 添加新的prop
},
computed: {
    tabStyle () { // 把tabStyle從data中移除,放到計(jì)算屬性里面
        return {
            "selected-box": this.name === this.activeName,
            "unselected-box": this.name !== this.activeName
        }
    }
},
methods: {
    tabClick (name) {
        this.isSelected = true;
        this.$emit("getTabName", name); // tabStyle通過計(jì)算屬性獲取,不再需要人工更新,borderChange方法可以去掉了
    }
}

父組件

// template: 添加一個(gè)active-name
<TabBox @getTabName="getTabName" :name="_item.name" :boxstyle="styles" v-for="(_item,_index) in item.categoryList" :key="_index" :active-name="activeName"></TabBox>

// js
data () {
    return {
        // ...
        activeName: ''
    }
},
methods: {
    getTabName (name) {
        this.activeName = name // 子組件點(diǎn)擊的時(shí)候,父組件更新activeName的值
    }
}
眼雜 回答

這個(gè)應(yīng)該是ide自動(dòng)編譯的,你應(yīng)該去ide的設(shè)置里找找看
看看是不是裝了Easy LESS插件

話寡 回答

換個(gè)思路,可以把數(shù)組的第一個(gè)全部截取出來,從數(shù)據(jù)這邊改變

浪婳 回答

因?yàn)閙agic.html和magic.css所在路徑不同,對font-face里src中的“..”的解釋就得到不同的路徑了,所以有了不同的效果。

雅痞 回答

localstorage存儲(chǔ)不是5m 是每個(gè)域5m 超了申請其他的域/修改ng配置 postmessge通信往其他域上存取
感覺刪別人的數(shù)據(jù)不好吧 超了就不存了貌似可以理解為可以不存 那就直接不存了唄

因?yàn)槟阕咏M件使用了v-for,這樣會(huì)導(dǎo)致你子組件的 first-keng-->slot 重復(fù)定義,warning就是說你重復(fù)定義first-keng

元素/tag是可以用js動(dòng)態(tài)創(chuàng)建并插入到網(wǎng)頁(document)中的,具體搜索document.createElement,但這樣會(huì)影響性能,當(dāng)然你初學(xué)的話可以不用管性能。然后還有第二種方法,可以使用js動(dòng)態(tài)修改元素內(nèi)包裹的內(nèi)容,比如<div></div>中的內(nèi)容,是可以用js動(dòng)態(tài)修改的,你可以把里面的文本改為你想要的任何東西,包括img,具體搜索innerHTML。

如果繼續(xù)深入的話,你會(huì)發(fā)現(xiàn)用js生成一個(gè)重復(fù)的內(nèi)容挺麻煩的,所以有人搞出了“模板”這種東西,干這種事情會(huì)方便點(diǎn),可以搜索vue,不過vue不是一種模板,只是它使用了一種模板的語法可以供你參考。