css 中使用的圖片資源,請放到static目錄下去,不要放在assert目錄
位置不對那就是樣式的問題。
可以看看我寫的這篇博客,有點長耐心看完,我當(dāng)初寫了好幾天的成果。。。
從++[[]][+[]]+[+[]]==10?深入淺出弱類型JS的隱式轉(zhuǎn)換
createFunction()返回一個數(shù)組,數(shù)組的元素都是匿名函數(shù)function
修改成下面這樣就可以了,switch關(guān)鍵字不能用在變量,和函數(shù)名上,否則頁面就會顯示不出來;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/vue/2.3.0/vue.min.js"></script>
</head>
<body>
<div id="box">
<h1>我是父級頁面</h1>
<button @click="switchFun()">切換子頁面</button>
<hr>
<!-- 當(dāng)添加子頁面添加,v-show,v-if后,整個#box的內(nèi)容都顯示不出來了?? -->
<!-- <test-child v-show="isshow"></test-child> -->
<div v-if="isshow">
<test-child></test-child>
</div>
<!-- <test-child></test-child> -->
</div>
<template id="test">
<div>
<h1>我是子頁面</h1>
</div>
</template>
<script>
new Vue({
el:"#box",
data:{
isshow:false
},
methods:{
switchFun:function(){
this.isshow=!this.isshow;
}
},
computed:{
},
components:{
"test-child":{
template:"#test"
}
}
})
</script>
</body>
</html>
axios 的第二個參數(shù)里可以指定 headers 的呀
昨晚在發(fā)布這個問題后,關(guān)了電腦后,突發(fā)奇想的手寫一段JS代碼,然后到今天下班了再小修小改了下,發(fā)現(xiàn)可以了
具體思路是通過在css里就把每一個li里的子元素高度設(shè)為目標(biāo)高度,然后就用JS來操作,不寫每個li的移出事件,只寫移入事件`下面是我的JS代碼
var oNav = document.getElementById("nav"),
oUl = oNav.getElementsByTagName("ul")[0],
aLi = oUl.children;
var onoff = true,num = 0;
for (var i = 0; i < aLi.length; i++) {
aLi[i].index = i;
aLi[i].onmouseenter = function(){
if( aLi[this.index].getAttribute("class")==="fl conversion" ){
if( onoff ){
this.children[1].style.height = "0";
this.children[1].style.display = "block";
animate(aLi[this.index].children[1],"height",232,500);
num = this.index;
onoff = false;
}else{
aLi[num].children[1].style.display = "none";
num = this.index;
aLi[num].children[1].style.display = "block";
}
}else{
animate(aLi[num].children[1],"height",0,500);
onoff = true;
}
};
oUl.onmouseleave = function () {
animate(aLi[num].children[1],"height",0,500);
onoff = true;
}
}
如果您發(fā)現(xiàn)有問題,歡迎指出并指正,謝謝
如果你的requireType是個對象才可以。字符串類型的話,是賦值操作,你watch肯定是不管用的
直接watch requireType就好
你在頁面直接引入的它當(dāng)然打包不到,你要走需要打包的地方去引入就可以
nextTick屬于microTask, 而setTimeout屬于macroTask. 一個macroTask執(zhí)行完后會插入多個microTask.
這里的macroTask不只是setTimeout, 還有主線程的運行腳本. 比如你的compareFunc函數(shù), 運行的時候聲明兩個異步任務(wù).
此時nextTick被插入主線程腳本執(zhí)行之后, 在事件循環(huán)timers階段之前, 而setTimeout則是timers階段執(zhí)行.
所以這里優(yōu)先級是nextTick高于setTimeout.
剛好寫了一篇 Node.js的事件循環(huán)機制的文章, 有興趣可以讀一讀. 有閱讀疑問都可以提出來.
理解事件循環(huán)機制
插入號(caret)+指定版本:比如?1.2.2,表示安裝1.x.x的最新版本(不低于1.2.2),但是不安裝2.x.x,也就是說安裝時不改變大版本號。
從名字上理解就是API的服務(wù)器?試沒試過照著下面url的地址找
let obj = {};
arr.forEach(a => obj[a['id']] = a['name']);
console.log(obj);壓縮圖片,色系比較足可以考慮壓縮成jpg會小一點
預(yù)設(shè)好dom 使用opacity +transform 配合translateZ與will-change
防止頻繁重繪(隨手看了下你這個渲染,一片綠油油 ==)
sort-method這個,文檔里面也歸在了Table-column Attributes,也就是屬性了,所以用 :sort-method 進行綁定了。跟 Array.sort(function(a,b){return a-b }) 這樣類似 ,里面?zhèn)魅牒瘮?shù)指定排序方法,
對于想利用事件進行手動排序,可以監(jiān)聽 @sort-change=handleSortChange 方法,在handleSortChange(column) 回調(diào)函數(shù)里面,獲取column.order字段,判斷遞增還是遞減,手動對 :data綁定的數(shù)組進行排序。
一般數(shù)據(jù)比較多,分頁獲取的情況下,建議用這種方法,由后端進行排序,更新:data綁定的數(shù)組
html
<div id="app">
<div v-for="item in infos">
<div>{{ item.cityName }}</div>
<div class="one" :style=item.length></div>
<div>{{ item.num }}</div>
</div>
</div>
css
.one {
background: #444;
height: 30px;
}
js
var app = new Vue({
el: '#app',
data: {
infos: [
{ 'cityName': '長沙', 'length':"width:200px", 'num': 32 },
{ 'cityName': '武漢', 'length':"width:100px", 'num': 33 },
{ 'cityName': '南京', 'length':"width:50px", 'num': 34 }
]
}
});
樣式要你自己去排一下了,這個東西是屬于vue綁定數(shù)據(jù),百度一下有一大堆的列子,看看就好
------更新------
如果length是這樣寫的話
'cityName': '武漢', 'length':100, 'num': 33
行內(nèi)樣式就變?yōu)?/p>
<div class="one" :style="{width:item.length+'px'}"></div>
vue事件外的json數(shù)據(jù)
var json = [
{ 'cityName': '長沙', 'length':200, 'num': 32 },
{ 'cityName': '武漢', 'length':100, 'num': 33 },
{ 'cityName': '南京', 'length':50, 'num': 34 }
];
var app = new Vue({
el: '#app',
data: {
infos: json,
}
});可以用彈性盒子display:flex,上面的圖片自身高度不被擠壓flex-shrink:0,下面文字部分flex-grow:1自動適應(yīng)剩余寬高再設(shè)置overflow-y:scroll
func Handler(w http.ResponseWriter, r *http.Request) {
go proccess(w)
}北大青鳥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ù)負(fù)責(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)師。