type.__new__()調(diào)用的是type類的類方法__new__或者靜態(tài)方法__new__,type()是使用type的__init__()方法新建一個(gè)type實(shí)例或者調(diào)用type類的靜態(tài)__call__()方法或者類方法__call__()(典型的就是求一個(gè)對(duì)象的類型type("Hello"))
以 TITLE 為 KEY,建立一個(gè) MAP,如果 MAP 中找到指定的 KEY,把對(duì)應(yīng)的數(shù)據(jù)取出來(lái),合并 details 數(shù)組,沒(méi)找到就把當(dāng)前記錄加進(jìn)去。完成之后把 MAP 轉(zhuǎn)成數(shù)組,如果要保留原順序,在建 MAP 的同時(shí)建一個(gè)數(shù)組來(lái)保持順序,注意 MAP 和數(shù)組的同步。
先思想下上面的思路,我晚點(diǎn)再來(lái)補(bǔ)代碼
還要先恢復(fù)你的原始數(shù)據(jù)……下次問(wèn)問(wèn)題記得把原始數(shù)據(jù)貼出來(lái)
[
{
"title": "蠻荒記(樹(shù)下野狐)",
"details": {
"page": {
"from": 28,
"to": 29
},
"time": "2018-3-12 15:45",
"type": "標(biāo)注"
},
"snippet": "半山紅葉如火,層林盡染,被狂風(fēng)呼卷,仿佛漫漫火海,搖曳跳躍。山坡上衰草起伏不絕,一直連綿到平原上,宛如接天洶涌海浪。"
},
{
"title": "蠻荒記(樹(shù)下野狐)",
"details": {
"page": {
"from": 28,
"to": 29
},
"time": "2018-3-12 15:45",
"type": "標(biāo)注"
},
"snippet": "精銳之師。其座下飛獸也是精挑細(xì)選的極為兇猛的靈獸,又經(jīng)特殊培訓(xùn),嗜血好殺,見(jiàn)著漫天兇獸,非但毫不畏縮,反倒激起狂暴兇性。"
},
{
"title": "蠻荒記(樹(shù)下野狐)",
"details": {
"page": {
"from": 28,
"to": 29
},
"time": "2018-3-12 15:45",
"type": "標(biāo)注"
},
"snippet": "測(cè)試筆記內(nèi)容"
},
{
"title": "炎武戰(zhàn)神 (xiao少爺)",
"details": {
"page": {
"from": 2770,
"to": 2771
},
"time": "2018-5-10 10:25",
"type": "筆記"
},
"snippet": "這是一條測(cè)試的筆記內(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);
})();param 參數(shù)也寫(xiě)在路由路徑上才能返回成功的
你所使用的mongodb是nodejs的一個(gè)package,而不是原生的查詢語(yǔ)句,那是package生成的最終的結(jié)果。
Node.js MongoDB Driver API
文檔里寫(xiě)很清楚find(query, options),options的定義里是沒(méi)有_id的,里面有projection應(yīng)該就是你想要的。
應(yīng)該是都可以的,還有這么一種方法:
dataList = new Vue({
el: '#corps',
data() {
return {
items: list
}
}
});
我像你那樣寫(xiě)沒(méi)問(wèn)題呀,你看看這個(gè),你是怎么玩兒的,是這樣嘛?:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<span id="corps" class="corps box">
<font>請(qǐng)選擇總隊(duì)</font>
<ul v-for="item in items">
<li v-html="item.fcName"></li>
</ul>
</span>
<script>
var list = [{
fcName: "0"
}, {
fcName: "1"
}];
var dataList = new Vue({
el: '#corps',
data: {
items: list
}
});
</script>
</body>
</html>在路由中做定向吧,roadhog支持改變默認(rèn)端口號(hào)和host
jq的attr賦值
vuex的數(shù)據(jù)使用方式一般有2種:
1、直接綁定到data:
2、使用mapGetters:
import { mapGetters} from 'vuex'
computed: {
...mapGetters({
rank: 'Rank'
}),現(xiàn)在我對(duì)如何實(shí)現(xiàn)這種需求存在很多疑問(wèn),比如:用戶以什么樣的方式開(kāi)發(fā)和發(fā)布他所開(kāi)發(fā)的模塊; 平臺(tái)如何根據(jù)用戶的定制來(lái)加載他需要的那些功能模塊。
這個(gè)難道不是業(yè)務(wù)/市場(chǎng)/運(yùn)營(yíng)部門(mén)來(lái)確認(rèn)的嗎?
樣式的順序變化并不是 loader 的順序決定的,主要還是模塊的引入順序。但由于還有各種插件所以其實(shí)樣式的順序是不穩(wěn)定的,如果需要覆蓋樣式,推薦重復(fù)類選擇器來(lái)提高選擇器權(quán)重,如:
.ant-btn.ant-btn {}推薦鏈接:http://bbs.csdn.net/topics/39...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id=code style='display:none'>這里放你的那些代碼</div>
<script>
var s = document.getElementById('code').innerHTML;
s = s.replace(/\\x../g, function(a) {return eval('"'+a+'"')})
.replace(/\\u(....)/g, function(a,b){return String.fromCharCode(eval('0x'+b))})
document.write(s)
</script>
</body>
</html>
解密結(jié)果如樓上邊城老師。
好像不行哎,還沒(méi)找到有線條的
沒(méi)有看到有問(wèn)題,有出錯(cuò)啊,up to date in 0.043s表示執(zhí)行完了。
寫(xiě)成立即函數(shù)可以保證在頁(yè)面載入完全后再引用運(yùn)行統(tǒng)計(jì)相關(guān)的js。
所有以前的jquery可以實(shí)現(xiàn)的功能用vue可以用更有效簡(jiǎn)單的方法實(shí)現(xiàn)。原理都是一樣的。
正好前幾天我寫(xiě)一個(gè)公司網(wǎng)站用到了導(dǎo)航,下面是我寫(xiě)的代碼,代碼量很少。
//導(dǎo)航平滑滾動(dòng)
export default {
name: 'Main',
data() {
return {
msg: 'Welcome to Your Vue.js App'
}
},
components: {
"top": Top,
"official": Official,
"wechat": Wechat,
"payment": Payment,
"category": Category,
"mall": Mall,
"cater": Cater,
"wechat-pay": WechatPay,
"little": Little,
"crm": Crm,
"adv": Adv,
"contact": Contact,
"my-footer": MyFooter,
"loading": Loading
},
computed: {
// 計(jì)算屬性的 getter
heightNum: function () {
return 1;
},
position: function () {
let position = this.$store.getters.getPosition;
console.log(position);
let height = this.$refs[position].offsetTop;
let scrollTopValue = this.$refs[position].scrollTop;
this.$store.commit('changeHeight', height);
this.$store.commit('changeScroll', scrollTopValue);
return position;
}
},
mounted: function () {
this.$nextTick(function () {
// Code that will run only after the
// entire view has been rendered
window.addEventListener('scroll', this.changeActive);
this.getOffsetTop();
this.getScrollTop();
})
},
methods: {
greet: function (event) {
// `this` 在方法里指向當(dāng)前 Vue 實(shí)例
alert('Hello ' + this.name + '!')
// `event` 是原生 DOM 事件
if (event) {
alert(event.target.tagName)
}
},
scrollTo: function (data) {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
let des = this.$refs[data].offsetTop;
let start = this.$refs[data].scrollTop;
this.moveSlowly(des, start);
},
moveSlowly: function (des, start, time) {
clearInterval(timer);
let speedTime = time || 100;
start || (start = 0);
let distance = des - start;
let speed = distance / speedTime;
let i = 1;
let pos = start;
let timer = setInterval(function () {
if (i == speedTime) {
pos = des;
document.documentElement.scrollTop = document.body.scrollTop = pos;
clearInterval(timer);
} else {
pos = pos + speed;
document.documentElement.scrollTop = document.body.scrollTop = pos;
i++;
}
}, 1)
},
changeActive: function () {
let top = this.$refs.top.offsetTop;
let wechat = this.$refs.wechat.offsetTop;
let category = this.$refs.category.offsetTop;
let contact = this.$refs.contact.offsetTop;
let scrollY = this.scrollY();
this.remove_active();
(scrollY > 0 && scrollY < 500) && (this.$refs.navTop.className = 'active');
(scrollY > wechat && scrollY < (category)) && (this.$refs.navWechat.className = 'active');
(scrollY > category && scrollY < (contact)) && (this.$refs.navCategory.className = 'active');
(scrollY > contact && scrollY < (contact + 500)) && (this.$refs.navContact.className = 'active');
},
remove_active: function () {
this.$refs.navTop.className = '';
this.$refs.navWechat.className = '';
this.$refs.navCategory.className = '';
this.$refs.navContact.className = '';
},
// 滾動(dòng)條高
scrollY: function () {
return document.documentElement.scrollTop || document.body.scrollTop;
},
getOffsetTop: function () {
let service = this.$refs.service.offsetTop;
let offsetTop = new Object();
offsetTop.mall = this.$refs.mall.offsetTop + service;
offsetTop.cater = this.$refs.cater.offsetTop + service;
offsetTop.wechatpay = this.$refs.wechatpay.offsetTop + service;
offsetTop.little = this.$refs.little.offsetTop + service;
offsetTop.crm = this.$refs.crm.offsetTop + service;
offsetTop.adv = this.$refs.adv.offsetTop + service;
this.$store.commit('changeOffsetTop', offsetTop);
},
getScrollTop: function () {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
let scrollTopLen = new Object();
scrollTopLen.mall = this.$refs.mall.scrollTop;
scrollTopLen.cater = this.$refs.cater.scrollTop;
scrollTopLen.wechatpay = this.$refs.wechatpay.scrollTop;
scrollTopLen.little = this.$refs.little.scrollTop;
scrollTopLen.crm = this.$refs.crm.scrollTop;
scrollTopLen.adv = this.$refs.adv.scrollTop;
this.$store.commit('changeScrollTop', scrollTopLen);
}
}
}
</script>echarts文檔API的echartsInstance下有一個(gè)showLoading配置,在這里可以修改默認(rèn)的loading動(dòng)畫(huà)的樣式
改成背景透明即可;
代碼如下:
foo聲明的地方并不能理解為塊級(jí)作用域,理解js的{}需要看{}的內(nèi)容
if(condition){
var a = 1 // a在外部仍然是可以使用的,也存在作用域提升的問(wèn)題,并不能當(dāng)然塊級(jí)作用域考慮
}
// 如果是使用ES6的聲明
if(condition){
let a = 1 // 此時(shí)的{}才會(huì)形成塊級(jí)作用域
}可以先執(zhí)行
$ git config -l
看看user.name和user.email是A賬號(hào)還是B賬號(hào)的。
如果是B賬號(hào)的,再執(zhí)行:
$ git config --global user.name "account_a"
$ git config --global user.email account_a@example.com
來(lái)設(shè)置一下。
北大青鳥(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)師。