這是后端的問(wèn)題跟 react 沒(méi)關(guān)系問(wèn)你們后端。
因?yàn)樘砑右恍袝r(shí),新增行直接push的header對(duì)象,因此再新增列,會(huì)導(dǎo)致那些新增行也會(huì)重復(fù)變更;
// addRows 的這一句
var header = this.data.header;
// 變更為下面的就好了,主要是不要直接傳遞對(duì)象,主要是引用類型數(shù)據(jù)的問(wèn)題
var header = [];
for (var i = 0, len = this.data.header.length; i< len; i++){
header.push(this.data.header[i]);
}
// 或者
var header = JSON.parse(JSON.stringify(this.data.header));這不是函數(shù)覆蓋的問(wèn)題,是活動(dòng)對(duì)象仍處于激活狀態(tài)的原因。最常見(jiàn)的例子是異步請(qǐng)求的數(shù)據(jù)先打印到控制臺(tái)上,在進(jìn)行一系列的操作,打印到控制臺(tái)上的是操作后的結(jié)構(gòu)。
你這里代碼改下就可以看到效果了
if(str == 1){
console.log(JSON.parse(JSON.stringify(arr.sort(upsort("age","sex","id")))));
}else if(str == 2){
console.log(JSON.parse(JSON.stringify(arr.sort(downsort("age","sex","id")))));
}
另外,你兩種排序的方法有一點(diǎn)小錯(cuò)誤:return res2;這里應(yīng)該先判斷是否為0,再進(jìn)行return
為什么我復(fù)制你的代碼報(bào)錯(cuò)了,我自己加了一個(gè) js,less,cdn鏈接
sessionStorage在一次會(huì)話中有效,換句話說(shuō),你關(guān)閉相關(guān)的瀏覽器標(biāo)簽的話還活著,但是把瀏覽器整個(gè)關(guān)閉就會(huì)清除,所以是存在內(nèi)存的。
localStorage即使關(guān)閉瀏覽器也會(huì)存活,所以是刷到磁盤(pán)的。indexDB同理
immutable.js
但我并不覺(jué)得用了這個(gè)你就沒(méi)問(wèn)題了,你的主要問(wèn)題還是太菜了
在 Python 中,函數(shù)用 *args 來(lái)獲取不確定數(shù)量的參數(shù)算是一種經(jīng)典寫(xiě)法。
在 Python 3 中,這個(gè)概念唄擴(kuò)展到了平行賦值中:
>>> a, b, *rest = range(5)
>>> a, b, * rest
(0, 1, [2, 3, 4])
>>> a, b, *rest = range(3)
>>> a, b, rest
(0, 1, [2])
>>> a, b, *rest = range(2)
>>> a, b, rest
(0, 1, [])
在平行賦值中, * 前綴只能用在一個(gè)變量名前面,但是這個(gè)變量可以出現(xiàn)在賦值表達(dá)式的任意位置:
>>> a, *body, c, d = range(5)
>>> a, body, c, d
(0, [1, 2], 3, 4]
>>> *head, b, c, d = range(5)
([0, 1], 2, 3, 4]$dt = Carbon::now();
$dt->isWeekday();
$dt->isWeekend();
這種配置只處理了 OPTIONS 請(qǐng)求。OPTIONS 請(qǐng)求不轉(zhuǎn)給后端,直接返回 204,并允許跨域。
對(duì)于其它請(qǐng)求,需要在前面再加一段:
location / {
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Headers X-Requested-With;
add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS;
if ($request_method = 'OPTIONS') {
return 204;
}
}fillNumberInOneArray 將數(shù)字 m 填入到 第 n 個(gè)小宮格中,為什么要隨機(jī)選一個(gè)位置放呢?后期快放滿的時(shí)候,沖突的概率越來(lái)越大,根本不收斂的呀。你都能 judgeElse 了,為什么不能在生成 random 坐標(biāo)之前就排除一下已經(jīng)放了數(shù)字的格子呢?這一步浪費(fèi)的效率不計(jì)其數(shù),甚至導(dǎo)致了算法有極大可能無(wú)法停止。9個(gè)格子有一個(gè)空位,用random去撞這個(gè)空位置,那有 8/9 的概率撞不到,一直死循環(huán)。
已經(jīng)被占的格子提前排除,這是其一。其二,假設(shè)小9宮格都剩下3個(gè)格子,需要放 7 了對(duì)吧,隨機(jī)一下,得到一個(gè)空格子,檢查了一下橫豎,發(fā)現(xiàn)不能放,接下來(lái)你需要標(biāo)記這個(gè)格子不可用,否則下次再 random 還有 1/3 的概率打中這個(gè)不可用的格子,導(dǎo)致算法不收斂。犯過(guò)的錯(cuò),為什么下次還要繼續(xù)犯?下次你就該排除掉它,在剩下的選項(xiàng)里挑,否則這次試錯(cuò)就沒(méi)有意義啦,那這就不是算法,完全就是在碰運(yùn)氣。
function calculateCoordinate(position,n) 也可以精簡(jiǎn)一下,沒(méi)必要那么多 switch-case:
function calculateCoordinate(position, n) {
// 先計(jì)算九宮格是幾排幾列的九宮格, 我們把數(shù)獨(dú)看成是 3*3 的9個(gè)9宮格
var nx = n % 3;
var ny = Math.floor(n / 3);
var px = position % 3;
var py = Math.floor(position / 3);
// 同樣的套路處理小9宮格內(nèi)的坐標(biāo),
// 轉(zhuǎn)換一下坐標(biāo)系
var returnX = px + nx * 3;
var returnY = py + ny * 3;
return [returnY, returnX];
}對(duì)direction屬性理解錯(cuò)誤。direction的取值有:rtl和ltr,實(shí)際上就是標(biāo)簽的dir屬性。rtl可以實(shí)現(xiàn)居右對(duì)齊。
若是組件需要調(diào)用的時(shí)候才能觸發(fā),調(diào)用了是不可能觸發(fā)不了的
我寫(xiě)了一個(gè)直接引入的例子,你可以看一下效果:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>tab</title>
<script src="https://cdn.bootcss.com/vue/2.5.15/vue.min.js"></script>
</head>
<body>
<div id="app">
</div>
<script type="text/javascript">
new Vue({
el: '#app',
data() {
return {
}
},
methods: {
},
created() {
console.log("頁(yè)面初始化完成111");
},
mounted() {
console.log("頁(yè)面初始化完成222");
this.$nextTick(() => {
console.log("頁(yè)面初始化完成333");
})
}
})
</script>
</body>
</html>1、是否有禁止
2、文件修改后是否重新編譯,重新編譯是否支持熱加載(Web項(xiàng)目)
主要就是上面兩個(gè)問(wèn)題
1.看到你說(shuō)的是頁(yè)面跳轉(zhuǎn)了,在跳轉(zhuǎn)之前發(fā)送事件,這個(gè)時(shí)候apple組件還不在內(nèi)存里,所以接收不到數(shù)據(jù),跳轉(zhuǎn)之后hello組件的生命周期結(jié)束,也不在生命周期里了
2.eventbus只能在都掛載在內(nèi)存里的組件之間傳遞數(shù)據(jù),像你這種需求可以用vuex,或者在路由之間傳遞數(shù)據(jù)
如果原圖是垂直顯示的,直接用作背景圖的話,應(yīng)該不會(huì)發(fā)生方向改變吧,你看下直接在網(wǎng)頁(yè)用img標(biāo)簽顯示一下,確認(rèn)一下方向
其他的樓上都說(shuō)完了 我做個(gè)愚蠢的補(bǔ)充
其實(shí)有個(gè)決定性因素是 這個(gè)函數(shù)到底會(huì)在執(zhí)行途中需要哪個(gè)域的值
prop 從父?jìng)鞯阶?br>emit 從子傳到父
例如說(shuō)子組件是一個(gè)保存按鈕 它需要一個(gè)功能是點(diǎn)擊保存后顯示加載中 并在保存完畢顯示回保存
那么 由于這個(gè)功能需要更改子組件自身的按鈕上的文字 所以 應(yīng)該由父組件prop下來(lái)一個(gè)save function 讓子組件能在使用時(shí)方便的更改自己的狀態(tài)
再例如 又是這個(gè)按鈕 它還需要實(shí)行一個(gè)功能 點(diǎn)擊后根據(jù)輸入框里的關(guān)鍵字進(jìn)行搜索 由于輸入框跟按鈕明顯是兩個(gè)組件 是父組件讓他們聯(lián)系在一起的 所以 這個(gè)點(diǎn)擊應(yīng)該是一個(gè)emit 讓子組件通知父組件 啊 我這里被點(diǎn)擊啦 然后父組件再根據(jù)輸入框內(nèi)容進(jìn)行搜索
你說(shuō)的那三種javascript打開(kāi)新窗口或新標(biāo)簽頁(yè)的方法任何瀏覽器都不會(huì)攔截,一定是你代碼寫(xiě)錯(cuò)了,請(qǐng)把代碼貼出來(lái)。
北大青鳥(niǎo)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)師。