app.vue是所有其他組件的父view/router,
router里的父子關(guān)系通過<router-view/>來展現(xiàn)。
npm install react-transition-group --save
在你的icon引用的css里面一般能找到出處
clone有一個參數(shù),默認(rèn)是false,不復(fù)制該元素上綁定的事件。你在復(fù)制某個元素時,僅用clone(),添加在此元素上的所有事件是不復(fù)制的。你應(yīng)該用clone(true)。
對于你這個問題,上面幾位說的問題,是不是id沖突,用了attr而不是prop等,你也要查一下,也是有可能的
settings>plugins添加對應(yīng)框架插件試試
不知道你的state是怎么傳的?我很確定的告訴你,如果子組件不回調(diào)父組件方法修改父組件的state時,子組件是無法直接改變父組件state的屬性值的。
以下給你一個實例:
import React, {Component} from 'react';
class A extends Component {
constructor() {
super(...arguments);
this.state = {attendee: []};
}
render() {
return (
<B attendee={this.state.attendee}/>
);
}
}
class B extends Component {
constructor() {
super(...arguments);
this.state = {attendee: []};
}
componentWillMount() {
this.setState({attendee: this.props.attendee});
}
updateAttendee(att) {
const {attendee} = this.state;
// do something
this.setState({attendee});
}
render() {
const {attendee} = this.state;
return (
<div>
{
attendee.map(att => {
return (
<div onClick={() => this.updateAttendee(att)}>
{att.name}
</div>
);
})
}
</div>
);
}
}
export default A;![圖片上傳中...]
map方法返回的是一個新數(shù)組,不會改變原來的數(shù)組
this.opts = [1,2];
let result = this.opts.map(item => item*12)
console.log(result)應(yīng)該是你代碼編寫的問題。
話說你在哪里看到的你說的那篇教程?
$('span').get(1)
login()里面的.then(res =>res.data)去掉
因為你冒號前面多了一個空格
跨域不支持post請求,
原因你可以了解一下跨域的原理。
vue-router
基本上是要重構(gòu),因為這是一個framework for framework,相對比較底層;
Nuxt.js有自己的一套規(guī)則約定,導(dǎo)致原來Vue.js項目的目錄結(jié)構(gòu)、路由、數(shù)據(jù)加載策略都要進(jìn)行大幅調(diào)整;
如果需要進(jìn)行SSR的頁面較少、頁面內(nèi)容實時性要求較低,不一定需要采取本方案,可以考慮Vue.js的預(yù)渲染插件;
也不妨參照官方的Vue HackerNews 2.0項目,實現(xiàn)Vue.js原生的SSR,這樣一來可控性更大,對既有項目的侵入性也小很多,重構(gòu)工作量顯然更少
參考:
用spawn,參見官方文檔。例如:
要被js執(zhí)行的程序源文件:
// main.cc
#include <iostream>
#include <fstream>
#include <windows.h>
using namespace std;
int main() {
ofstream fs;
Sleep(5000);
fs.open("out.txt");
cout << "Rua!" << endl;
fs << "Rua!" << endl;
fs.close();
return 0; }
還有js文件:
// test.js
const { spawn } = require('child_process')
let subprocess = spawn('main.exe', [], {
detached: true,
stdio: 'inherit' // ['ignore', process.stdout, process.stderr]
})
subprocess.unref()
console.log('Bye')
process.exit()
不過暫時沒找到保留控制臺輸出的方法,當(dāng)然你也可以改為執(zhí)行一個bat,在bat里開新窗口
以 TITLE 為 KEY,建立一個 MAP,如果 MAP 中找到指定的 KEY,把對應(yīng)的數(shù)據(jù)取出來,合并 details 數(shù)組,沒找到就把當(dāng)前記錄加進(jìn)去。完成之后把 MAP 轉(zhuǎn)成數(shù)組,如果要保留原順序,在建 MAP 的同時建一個數(shù)組來保持順序,注意 MAP 和數(shù)組的同步。
先思想下上面的思路,我晚點再來補代碼
還要先恢復(fù)你的原始數(shù)據(jù)……下次問問題記得把原始數(shù)據(jù)貼出來
[
{
"title": "蠻荒記(樹下野狐)",
"details": {
"page": {
"from": 28,
"to": 29
},
"time": "2018-3-12 15:45",
"type": "標(biāo)注"
},
"snippet": "半山紅葉如火,層林盡染,被狂風(fēng)呼卷,仿佛漫漫火海,搖曳跳躍。山坡上衰草起伏不絕,一直連綿到平原上,宛如接天洶涌海浪。"
},
{
"title": "蠻荒記(樹下野狐)",
"details": {
"page": {
"from": 28,
"to": 29
},
"time": "2018-3-12 15:45",
"type": "標(biāo)注"
},
"snippet": "精銳之師。其座下飛獸也是精挑細(xì)選的極為兇猛的靈獸,又經(jīng)特殊培訓(xùn),嗜血好殺,見著漫天兇獸,非但毫不畏縮,反倒激起狂暴兇性。"
},
{
"title": "蠻荒記(樹下野狐)",
"details": {
"page": {
"from": 28,
"to": 29
},
"time": "2018-3-12 15:45",
"type": "標(biāo)注"
},
"snippet": "測試筆記內(nèi)容"
},
{
"title": "炎武戰(zhàn)神 (xiao少爺)",
"details": {
"page": {
"from": 2770,
"to": 2771
},
"time": "2018-5-10 10:25",
"type": "筆記"
},
"snippet": "這是一條測試的筆記內(nèi)容"
}
]
然后才是處理代碼
// source 引用的是原始數(shù)據(jù)
// target 是生成的新數(shù)據(jù)
const target = (() => {
const dict = {};
source.forEach(m => {
let model = dict[m.title];
if (model) {
model.details.push(m.details);
model.snippet.push(m.snippet);
} else {
dict[m.title] = {
title: m.title,
details: [m.details],
snippet: [m.snippet]
}
}
});
return Object.values(dict);
})();fs.createReadStream不是用來做Buffer到ReadStream的轉(zhuǎn)換的。雖然它接受一個Buffer,但Buffer里面放的仍然應(yīng)該是一個文件路徑。它只不過幫你做了文本解碼。
正確的Buffer到ReadStream的轉(zhuǎn)換是這樣的:
const stream = require('stream');
const bufferStream = new stream.PassThrough();
bufferStream.end(binaryData);現(xiàn)行的數(shù)據(jù)結(jié)構(gòu)是一個數(shù)組,可以對這個數(shù)組進(jìn)行循環(huán),相同的區(qū)的item存入一個數(shù)組,數(shù)據(jù)結(jié)構(gòu)由一個一層數(shù)組,變成一個兩層的數(shù)組,然后可以在頁面中顯示
后端打印下 $_POST,看下數(shù)據(jù)格式不就知道了
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jì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)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項目經(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)師。