先說(shuō)一個(gè)最原始的方法實(shí)現(xiàn)
class Dispatcher {
constructor() {
this._event = [];
}
on(eventName, fn) {
var subscription = {
eventName,
callback: fn
};
this._event.push(subscription);
return this;
}
off(eventName, fn) {
this._event = this._event.filter(
subscription => !(subscription.eventName === eventName && (fn ? subscription.callback === fn : true))
);
return this;
}
emit(eventName, ...data) {
this._event.forEach(subscription => {
if (subscription.eventName === eventName) {
subscription.callback(...data);
}
});
return this;
}
}
var leftList = [
{productId: 10006},
{productId: 10031},
{productId: 10016},
{productId: 10017},
];
var leftList = leftList.map((item, index) => ({...item, order: index,}));
var rightList = [];
var dispatch = new Dispatcher();
dispatch.on('select', function(product) {
leftList = leftList.filter(_product => product !== _product);
rightList.push(product);
});
dispatch.on('unselect', function(product) {
rightList = rightList.filter(_product => product !== _product);
leftList.push(product);
});
dispatch.emit('select', leftList[0]);
console.log('leftList: ', [...leftList],'\n', 'rightList', [...rightList]);
dispatch.emit('unselect', rightList[0]);
console.log('leftList: ', [...leftList],'\n', 'rightList', [...rightList]);
然后再說(shuō)一個(gè)比較Vue的,左右兩列應(yīng)該算兄弟組件之間的通信,組件的代碼和視圖的代碼應(yīng)該在兩個(gè)js文件。組件的通信可以通過(guò)子組建1 -> 父組件 -> 子組建2,但是比較麻煩。
我感覺(jué)可以用Vuex了。
雙花括號(hào)
<input type="number" ng-maxlength="255" min="0" max="{{oteCtrl.curMaxMeetingRoom}}" ng-model="oteCtrl.current.maxMeetingRoom">
element-ui里有合并單元格的
http://element-cn.eleme.io/#/...
看情況。
data[0].address.join("
") =>用innerHtml的方式傳入=》《br》 被轉(zhuǎn)譯了
沒(méi)用,只認(rèn)準(zhǔn)btc就行了
你打開(kāi)的是js文件呀
理論上說(shuō)的是生產(chǎn)環(huán)境的 source map
包的話,你每次npm install --save-dev的時(shí)候安裝的包都會(huì)記錄在package.json里,自己整理一份package.json,每次都復(fù)制到你的新項(xiàng)目然后npm install就行。
.sync (2.3.0+) 語(yǔ)法糖,會(huì)擴(kuò)展成一個(gè)更新父組件綁定值的 v-on 偵聽(tīng)器。
父中
<MyComponent :isVisible.sync="isVisible" />
子中
handleClose() {
this.$emit('update:isVisible', false);
}
handleClose就是你要改變isVisible的地方,更新父的isVisible
1、隱藏input邊框
2、對(duì)這個(gè)input包一層div,由這個(gè)div來(lái)實(shí)現(xiàn)想要的邊框樣式
缺少data參數(shù),兩遍的數(shù)據(jù)結(jié)構(gòu)都不一樣。
你們的數(shù)據(jù)應(yīng)該是這樣的
data : {xx:xx,yy:yy}
而不是
{xx:xx,yy:yy}
所以傳數(shù)據(jù)的時(shí)候再包一層data看看。
replace接受函數(shù)作為參數(shù),如果匹配正則那么函數(shù)的第一個(gè)參數(shù)對(duì)應(yīng)$1,第二個(gè)對(duì)應(yīng)$2,以此類推...replace 使用function作為參數(shù)
let str = "123453333336789"
str.replace(/(.{3}).*(.{3})/, function(match,p1,p2){return p1+"*".repeat(str.length-6)+p2})
//"123*********789"我比樓上答案簡(jiǎn)單:既然沒(méi)提到j(luò)avascript,那就去學(xué)一下吧。
大概用到的技術(shù)嘛~
頁(yè)面布局,
js基礎(chǔ)、DOM基礎(chǔ)、js庫(kù)引用,
js動(dòng)畫、js打字機(jī)動(dòng)畫,
事件基礎(chǔ)、scroll事件,
另外基礎(chǔ)中的基礎(chǔ):搜索、看文檔(???)。。
大概就這些吧。
刪掉node_module,重新安裝一次
試試下面這樣可以不
ul{
display: flex;
flex-wrap: wrap-reverse;
justify-content: center;
list-style: none;
width: 100%;
}使用XMLHttpRequest試試
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(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é)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。