在遍歷的時(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è)背景顏色的圓定位。
沒有css-loader你可以單獨(dú)安裝,這種問題應(yīng)該是不同依賴環(huán)境造成的。
或者簡單粗暴,把node卸載了,裝你同事那個(gè)版本
Array.prototype.sort在es規(guī)范中只定義了行為,沒有規(guī)定具體排序算法的實(shí)現(xiàn),因此各個(gè)引擎的實(shí)現(xiàn)有所不同。
對V8而言,數(shù)組長度小于10則使用插入排序,否則使用快速排序
https://github.com/v8/v8/blob...
然后這個(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)勢。
所以為啥要用中文作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插件
js可以嗎?屏蔽好友???
http://www.jtopo.com/ jtopo圖看看
換個(gè)思路,可以把數(shù)組的第一個(gè)全部截取出來,從數(shù)據(jù)這邊改變
因?yàn)閙agic.html和magic.css所在路徑不同,對font-face里src中的“..”的解釋就得到不同的路徑了,所以有了不同的效果。
localstorage存儲(chǔ)不是5m 是每個(gè)域5m 超了申請其他的域/修改ng配置 postmessge通信往其他域上存取
感覺刪別人的數(shù)據(jù)不好吧 超了就不存了貌似可以理解為可以不存 那就直接不存了唄
你可以看bootstrap是怎么實(shí)現(xiàn)的。
因?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
不是一種模板,只是它使用了一種模板的語法可以供你參考。
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團(tuán)創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機(jī)構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團(tuán),成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國成功上市,融資1
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。