從我的水平來看,這么寫是可以的,哈哈,不過還是有可以修改的 select_index.push(this.tableAllData[index])中的this.tableAllData[index] 可以直接是val,你不是已經(jīng)循環(huán)遍歷出來了嗎
之前這個地方是沒有解綁按鈕的,現(xiàn)在又有了(對比我提問時的截圖)。真的坑....
如果不知道怎么解綁開放平臺綁定的可以試試這個方法。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#img {
width: 300px;
height: 300px;
margin: 100px auto;
background: red;
}
#img2 {
width: 188px;
height: 188px;
backface-visibility: hidden;
transition: all 1s ease;
background: orange;
}
#img:hover #img2 {
transform: scale(2) translate(100px, 100px);
}
</style>
</head>
<body>
<div id="img">
<div id="img2"></div>
</div>
</body>
</html>
copy 到 文件執(zhí)行下就可以了
this.$nextTick(function(){}
props.children
<div>
{this.props.children}
</div>
<AbbottTest>
<Foundation />
</AbbottTest>
this.props.chilren就像當(dāng)與 那個內(nèi)部的 <Foundation />了
反正React16之前是可以這樣寫, 好像16之后你可以用Portal。 Portal我也沒用過。
不知道你的defaultProps還有沒有效,我知道可以這樣寫
php.ini沒什么改的。
主要是php-fpm的配置
pm = dynamic
pm.max_children = 20
pm.start_servers = 2
pm.min_spare_servers = 1
pm.max_spare_servers = 3
內(nèi)存足夠大的情況下,計算一下每個子進程會耗多少內(nèi)存,,我這個是設(shè)置比較低。
第一個問題:怎樣銷毀緩存,官網(wǎng)也說了,用keep-alive的時候,配合activated使用,需要銷毀緩存的時候,把數(shù)據(jù)清空(數(shù)據(jù)驅(qū)動沒毛病吧).
第二個問題:詳情頁里面的相關(guān)推薦點擊會再次進入詳情頁,只是id變了,頁面沒變,此時beforeRouteUpdate這個鉤子會觸發(fā)。個人用這個鉤子是因為:點相關(guān)推薦切換的時候會閃動上次sku的內(nèi)容,而且很久。
這個問題你需要知道什么是異步執(zhí)行。
這個要講清楚不是三言兩語的事,詳細的建議你自己查下,我這里只簡單說下為什么 log 出來總是 a
請看下面的代碼,我在注釋里用數(shù)字標明這段代碼實際執(zhí)行的順序,可能與你原本所預(yù)期的有所不同:
const Login_Scope = this; // 1
let Post_List = 'a'; // 2
axios.get('/api/postList') // 3
.then(function (response) {
console.log(response); // 6
Login_Scope.Post_List = response.data; // 7
})
.catch(function (error) {
// vm.answer = 'Error! Could not reach the API. ' + error
});
console.log(Post_List); // 4
return { // 5
postList: Post_List,
}
}
那么你想實現(xiàn)的這個效果應(yīng)該怎么寫呢:
export default {
data () {
return {
postList: 'a',
}
},
// 或者 created
mounted () {
const Login_Scope = this;
axios.get('/api/postList')
.then(function (response) {
Login_Scope.postList = response.data;
console.log(Login_Scope.postList);
})
.catch(function (error) {
// vm.answer = 'Error! Could not reach the API. ' + error
});
}
}
希望對你有幫助
沒人知道嗎?
樓上的回答有一點缺陷。
白天我看到這個問題也是這么想的,可是setState及render并沒有自帶的shallow compare,猜想不成立。剛才自己試了一下,即使是空的setState也可以觸發(fā)當(dāng)前組件re-render。
至于題目中出現(xiàn)的情況,我猜測有fetch的容器組件跟列表項展示組件是分開的,同時展示組件使用了PureComponent或者在ShouldComponentUpdate中做了shallow compare,或者是其他的節(jié)流方案。總之對于不改變地址的imageList數(shù)組而言,是無法觸發(fā)展示組件的re-render的。
樓上回答的缺陷在于,如果不使用節(jié)流方案,那么React本身不會進行任何shallow compare,所有的變動都是基于最終得出的Vitural DOM diff來進行的,用來對比的不是imageList本身,而是每一個由imageList map出來的item。即若能觸發(fā)展示組件的re-render,即使不改變數(shù)組的引用,依然可以正確顯示變動
只能通過JQ去切換CSS了。。昨天自己已經(jīng)解決。
使用
Promise.all([axios1, axios2]).then(() => {
// 隱藏loading
})goodListInfo4 好像不在data中。
只有在data中的數(shù)據(jù)才已渲染到頁面
EL表達式取參<c if.......判斷就行
模板
<div>
<label><input type="checkbox" [(ngModel)]="checked" (change)="selectAll()">全選</label>
<div style="padding-left:1em" *ngFor="let item of datas">
<label><input type="checkbox" [(ngModel)]="item.checked" (change)="selectItemAll(item)">全選</label>
<div style="padding-left:1em" *ngFor="let item1 of item.items">
<label><input type="checkbox" [(ngModel)]="item1.checked" (change)="selectItem(item1,item)">選擇</label>
名稱:{{item1.name}} 價格:{{item1.price}}
</div>
</div>
總價:{{getTotal()}}
</div>
ts
checked = false
datas = [{
checked: false,
items: [{
checked: false,
name: '商品11',
price: 2
}, {
checked: false,
name: '商品12',
price: 3
}]
}, {
checked: false,
items: [{
checked: false,
name: '商品21',
price: 2
}, {
checked: false,
name: '商品22',
price: 3
}]
}]
getTotal() {
return this.datas.reduce((state, item) => {
return item.items.reduce((state, item1) => {
return state + (item1.checked ? item1.price : 0)
}, state)
}, 0)
}
selectAll() {
this.datas.forEach(item => {
item.checked = this.checked
item.items.forEach(item1 => {
item1.checked = this.checked
})
})
}
selectItemAll(item) {
item.items.forEach(item1 => {
item1.checked = item.checked
})
if (!item.checked) {
this.checked = false
} else {
this.checked = this.datas.reduce((prev, item) => prev && item.checked, true)
}
}
selectItem(item, parent) {
if (!item.checked) {
parent.checked = this.checked = false
} else {
parent.checked = parent.items.reduce((prev, item) => prev && item.checked, true)
if (parent.checked) {
this.checked = this.datas.reduce((prev, item) => prev && item.checked, true)
} else {
this.checked = false
}
}
}IP白名單設(shè)置頁,不要打鉤,IP隨便填一個,確定
打開頁面等待加載完畢后 打開開發(fā)者工具
轉(zhuǎn)到 Network 面板勾選 Offline(離線) 復(fù)選框,不要刷新頁面
再轉(zhuǎn)到 Source 面板找到這個文件并格式化代碼
格式化代碼之后 CTRL + G 跳轉(zhuǎn)到 2152 行打一個斷點
然后點擊頁面上的篩選標簽 觸發(fā)加載失敗提示框 查看樣式
你子路由沒必要寫全路徑呀,子路由若是以父路由為前綴,直接省略哪部分就好了
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負責(zé)iOS教學(xué)及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。