相對(duì)于 body
不知道這樣算不算達(dá)到要求?
let root = [
{name: "title", value: "名稱1"},
{name: "startTime", value: "17:00:16"},
{name: "endTime", value: "19:01:18"},
{name: "title", value: "名稱2"},
{name: "startTime", value: "20:03:18"},
{name: "endTime", value: "21:04:20"}
];
function func(obj){
let res = [];
let temp = {};
obj.forEach((item,index)=>{
temp[item.name] = item.value;
if((index+1)%3 === 0){
res.push(temp);
temp = {};
}
});
return res;
}
console.log(func(root));
全局錯(cuò)誤處理和組件錯(cuò)誤處理了解一下:https://cn.vuejs.org/v2/api/#errorHandlerhttps://cn.vuejs.org/v2/api/#errorCaptured
數(shù)據(jù)請(qǐng)求失敗提交至服務(wù)器,這個(gè)你得考慮下策略,特別是接受客戶端日志記錄的服務(wù)和數(shù)據(jù)請(qǐng)求服務(wù)在同一個(gè)終結(jié)點(diǎn)的時(shí)候。至于數(shù)據(jù)請(qǐng)求出錯(cuò)如何做攔截,可以參考你依賴的http組件,比如 axios 可使用切片:
// Add a request interceptor
axios.interceptors.request.use(function (config) {
// Do something before request is sent
return config;
}, function (error) {
// Do something with request error
return Promise.reject(error);
});
// Add a response interceptor
axios.interceptors.response.use(function (response) {
// Do something with response data
return response;
}, function (error) {
// Do something with response error
return Promise.reject(error);
});知道了,他用來自動(dòng)加載js文件的識(shí)別碼
使用MongoDB的第一件事情就是忘掉關(guān)系模型,充分利用反范式、冗余來達(dá)成最高的讀寫效率。你已經(jīng)發(fā)現(xiàn)了現(xiàn)在的數(shù)據(jù)模型不好用,為什么不換個(gè)思路來解決問題?
決定數(shù)據(jù)模型的是你需要怎么使用這些數(shù)據(jù)。在不知道你打算怎么用這些數(shù)據(jù)的前提下,以下是一些按照常理的推測。
現(xiàn)在涉及的實(shí)體有3個(gè):
其中:
對(duì)于1:n的情況,最常見的做法是把1冗余到n。比如學(xué)生可以是:
{
_id:ObjectId(123456789...),
name:'zhangsan',
age:20,
class: {
classId: ObjectId(123456789...),
number:10,
// 其他常用字段
}
}
當(dāng)然你也可以不要class的詳細(xì)信息,畢竟一個(gè)班的學(xué)生只用查一次班級(jí)信息。
{
_id:ObjectId(123456789...),
name:'zhangsan',
age:20,
classId: ObjectId(123456789...)
}
用的時(shí)候是不是會(huì)方便一些?
沒錯(cuò),冗余有可能會(huì)造成數(shù)據(jù)不一致,但是你真的會(huì)這么在乎一致性嗎?通常的回答是不會(huì)。
比如如果班級(jí)信息如果要修改怎么辦?那就會(huì)造成每個(gè)學(xué)生的班級(jí)信息都更新一遍,修改時(shí)壓力會(huì)比較大操作比較復(fù)雜。但是別忘了你的系統(tǒng)大部分壓力是來自讀而不是寫。班級(jí)修改的概率有多大?可能幾個(gè)月不見得有一次。但是讀班級(jí)的概率有多大?可能每天就有好多次。比較一下孰輕孰重不言而喻。
綜上,使用MongoDB時(shí)不要用范式來約束自己,從性能,易用性來考慮就可以了。
https://jsfiddle.net/L8zdcasb/1/
這個(gè)同學(xué)有沒有認(rèn)真看文檔,文檔隨便搜索一下 focus 都能看到一大堆相關(guān)內(nèi)容
Prettier - Code formatter
ext install prettier-vscode
值得擁有!
生命周期不對(duì)。
didMount中,連Modal都沒有渲然完,哪來的refs?
你可以在Modal的onOk事件中,獲取一下看看能不能拿到。
另外stateless component是沒有refs的。
如果是想做矩形的裁剪,svg有個(gè)viewBox屬性就是干這個(gè)事情的,svg寫入html,就是用svg標(biāo)簽就可以了,加上width,height,viewBox屬性來控制大小和裁剪。
new (Fn.bind(null));
生成一個(gè)綁定方法的實(shí)例時(shí),會(huì)進(jìn)入這個(gè)判斷。
找了一篇文章你自己看看https://blog.csdn.net/crackli...
arguments這個(gè)參數(shù),
而且還可以按照參數(shù)的順序取值,比如:
function test(a,b,c,d){}
調(diào)用:
test(1,2,3);
那么a 就對(duì)應(yīng) 1,b就對(duì)應(yīng)2,c就對(duì)應(yīng)3, d為 undefined
默認(rèn)path為當(dāng)前頁面,可設(shè)置path對(duì)目標(biāo)打開頁面修改
你的代碼我測試了下,沒有問題啊,我代碼如下:
// webpack.config.js
devServer:{
id:127.0.0.1,
port:3000,
proxy:{
'/v2':{
target: 'http://api.douban.com',
changeOrigin: true,
pathRewrite: {
'^/v2': '/v2'
}
}
}
}
// index.js 注意:這里我使用了jquery的ajax,其實(shí)用什么無所謂
$.ajax({
url:'/v2/movie/in_theaters',
type:'POST',
dataType:'json',
success:function(data){
console.log(data);
},
error:function(error){
console.log(error)
}
})
下面是瀏覽器截圖:
按照提問者要求,使用axios 實(shí)現(xiàn)一把
webpack.config.js配置還是一樣,不做修改數(shù)據(jù)請(qǐng)求的代碼改為axois實(shí)現(xiàn)
import axios from 'axios';
axios.post('/v2/movie/in_theaters')
.then(data=>{
console.log(data); // 這個(gè)地方返回,完整的請(qǐng)求對(duì)象
})
.catch(error=>{
console.error(error);// 異常處理
})
請(qǐng)求圖如下:
響應(yīng)圖如下:
console.log 輸出結(jié)果:
初次進(jìn)去首頁路由下面有可能設(shè)置了message和notification,你檢查下代碼
@我在等風(fēng)也等你
需要用到Babel轉(zhuǎn)碼
# 最新轉(zhuǎn)碼規(guī)則
$ npm install --save-dev-g babel-preset-es2015
# react 轉(zhuǎn)碼規(guī)則
$ npm install --save-dev-g babel-preset-react
# 不同階段語法提案的轉(zhuǎn)碼規(guī)則(共有4個(gè)階段),選裝一個(gè)
$ npm install --save-dev babel-preset-stage-0
$ npm install --save-dev babel-preset-stage-1
$ npm install --save-dev babel-preset-stage-2
$ npm install --save-dev babel-preset-stage-3
然后,將這些規(guī)則加入.babelrc
{
"presets": [
"es2015",
"react",
"stage-2"
],
"plugins": []
}
#babel-cli工具
$ npm install --global babel-cli
在進(jìn)行weex的初始化
weex create weex-xx
新建的工程的js語法都沒問題了
舊代碼
entry: {
...webEntry,
'vendor': [path.resolve('node_modules/phantom-limb/index.js')]
},
新代碼
entry: Object.assign(webEntry, {
'vendor': [path.resolve('node_modules/phantom-limb/index.js')]
}),nodejs報(bào)出來的eperm問題提示的是fsevent,也就是無法操作安裝的包模塊,這是npm的問題,建議你更新npm到最新版本,再不行就安裝個(gè)yarn,yarn速度更快,更穩(wěn)定。
北大青鳥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)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(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é)及管理工作。
浪潮集團(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)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(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)師。