直接寫呀
data() {
return {
platform_list: [
{online: true},
{online: false}
]
}
}
然后你組件里面就是這樣
<div v-for="platform in platform_list">
<span style="">{{platform.name}}</span>
<span><b :style="{backgroundColor: platform.online ? 'green' : 'red'}"></b>在線</span>
</div>swiper嵌套問題
https://cn.vuejs.org/v2/api/#...
:class不好用嗎?
你可以在調(diào)用接口的時(shí)候傳遞這個(gè)參數(shù),但不要在 URL 上添加 ?name=...。
因?yàn)檫@僅是一個(gè) URL。
html:
<div id="test">
<div id="child_1">
子1
</div>
<div id="child_2">
子2
</div>
</div>
style:
* {
padding: 0;
margin: 0;
}
#test {
background-color: yellow;
margin: 100px;
display: flex;
flex-direction: row;
height: 200px;
width: 200px;
}
#child_1 {
margin-right: 20px;
background-color: red;
height: 50px; /* 子1定了高度,子2沒有 */
}
#child_2 {
background-color: red;
}
不想自適應(yīng)可給定高度。
將加號(hào)和黃色背景寫入一個(gè)隱藏的div中,鼠標(biāo)移上去讓該div顯示出來
例子:
/**html代碼**/
<ul>
/**給每一個(gè)項(xiàng)目下的加號(hào)加一個(gè)隱藏類**/
<li>
<img src="***">
<p>內(nèi)容</p>
<div class="hide beijing">加號(hào)和黃色背景</div>
</li>
<li>
<img src="***">
<p>內(nèi)容</p>
<div class="hide beijing">加號(hào)和黃色背景</div>
</li>
</ul>
/**js代碼**/
$("li").hover(function(){
$(this).find(".beijing").removeClass("hide")
},function(){
$(this).find(".beijing").addClass("hide")
})babel安裝好了以后,還要執(zhí)行babel的編譯,把 es6轉(zhuǎn)成 es5
createSphere: function() {
var cosTheta = Math.random() * 2 - 1,
sinTheta = Math.sqrt(1 - cosTheta * cosTheta),
phi = Math.random() * 2 * Math.PI;
return {
x: this.SCATTER_RADIUS * sinTheta * Math.cos(phi),
y: this.SCATTER_RADIUS * sinTheta * Math.sin(phi),
z: this.SCATTER_RADIUS * cosTheta,
hue: Math.round(phi / Math.PI * 30)
};
},
參數(shù)方程
這種情況下我會(huì)考慮用el-dialog
引用類型
由類型的實(shí)際值引用(類似于指針)表示的數(shù)據(jù)類型。如果為某個(gè)變量分配一個(gè)引用類型,則該變量將引用(或“指向”)原始值。
類(Class)
是面向?qū)ο蟪绦蛟O(shè)計(jì)(OOP,Object-Oriented Programming)實(shí)現(xiàn)信息封裝的基礎(chǔ)。類是一種用戶定義類型,也稱類類型。每個(gè)類包含數(shù)據(jù)說明和一組操作數(shù)據(jù)或傳遞消息的函數(shù)。類的實(shí)例稱為對(duì)象。
以上引用來自百度
“引用類型” 和 “類” 都是描述某類事物的名詞。 【其實(shí)翻譯成中文后各種變扭】
我想知道引用類型和類的區(qū)別:
他們本身就是用來描述兩種事物的名詞,這問題只能強(qiáng)答。
引用類型 是用來描述實(shí)例在內(nèi)存里面的存在和使用的方式。
類 本身是用來某些事物的抽象。
它們都是一種包含數(shù)據(jù)和功能的數(shù)據(jù)結(jié)構(gòu):
數(shù)據(jù)結(jié)構(gòu)是計(jì)算機(jī)存儲(chǔ)、組織數(shù)據(jù)的方式。數(shù)據(jù)結(jié)構(gòu)是指相互之間存在一種或多種特定關(guān)系的數(shù)據(jù)元素的集合。通常情況下,精心選擇的數(shù)據(jù)結(jié)構(gòu)可以帶來更高的運(yùn)行或者存儲(chǔ)效率。數(shù)據(jù)結(jié)構(gòu)往往同高效的檢索算法和索引技術(shù)有關(guān)。
為什么在javascript中引用類型不能被稱為類?
完全就是兩個(gè)東西,你可以說某個(gè) 類 的 實(shí)例, 實(shí)例是引用類型.
eg:
class People {
constructor(dna) {
this.dna= dna;
}
}
const XiaoMing = new People('dna');
const XiaoMingAlias = XiaoMing;
People 是一個(gè)類XiaoMing 是一個(gè)實(shí)例,
XiaoMing 的值是 引用類型XiaoMingAlias 跟 XiaoMing 所指的都是同一個(gè)人,他的DNA是同樣的,個(gè)體也是一樣的,只是改了個(gè)名字而已。
很拗口~!~
1、優(yōu)化項(xiàng)目結(jié)構(gòu)
- api
-- index.js // 接口請(qǐng)求
-- http.js // axios 封裝
-- event.js // http 請(qǐng)求處理
2、webpack 有解決方案,百度
1.用js添加延時(shí)處理
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#div1{
height: 100px;
width: 100px;
background: #000000;
position: relative;
}
#div2{
height: 200px;
width: 100px;
background: #00A1D6;
display: none;
position: absolute;
left: 0;
top: 130px;
}
</style>
<script>
window.onload=function(){
var a=document.getElementById('div1')
var b=document.getElementById('div2')
var x=null
b.onmouseover=a.onmouseover=function(){
b.style.display='block';
clearTimeout(x);
}
b.onmouseout=a.onmouseout=function(){
x=setTimeout(function(){b.style.display='none';
},1000)
}
}
</script>
</head>
<body>
<div id="div1">
<div id="div2"></div>
</div>
</body>
</html>
2.css,與目標(biāo)沒間隙的話把隱藏框放在你hover的目標(biāo)中,用absolute定位,hover目標(biāo)display:block;
3.css,有間隙的話用偽元素
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#div1{
height: 100px;
width: 100px;
background: #000000;
position: relative;
}
#div2{
height: 0px;
width: 100px;
background: #00A1D6;
position: absolute;
left: 0;
top: 130px;
transition: all 0.4s ease;
overflow: hidden;
}
#div2:before{
background: transparent;
position: absolute;
top: -30px;
left: 0;
display: block;
height: 30px;
width: 100%;
}
#div1:hover #div2{
height: 300px;
overflow: visible;
}
#div1:hover #div2:before{
content: '';
}
</style>
</head>
<body>
<div id="div1">
<div id="div2">111</div>
</div>
</body>
</html>
geolocation = new AMap.Geolocation({
timeout: 1000,
GeoLocationFirst: false,
maximumAge: 0 //定位結(jié)果緩存0毫秒,默認(rèn):0
});
timeout時(shí)間設(shè)置小一點(diǎn)
的確ES6的import和export一定是要在最外層,不能被包含在函數(shù)或是代碼塊中。
但是這里實(shí)際上并沒有使用imports-loader吧,雖然在webpack中有配置,但是在js中并不是通過require+參數(shù)方式使用。
可以多研究下imports-loader的文檔。
https://www.npmjs.com/package...
thank you , mark
除了字體文件MIME類型,跨域的頭(Access-Control-Allow-Origin )是不是也要加下?
https://cn.vuejs.org/v2/api/#...
仔細(xì)看看api
改變的是innerHTML屬性如果要用把字符串處理一下,不過不建議這樣寫 render函數(shù)吧
當(dāng)你刪除selectList的時(shí)候手動(dòng)的設(shè)置
if (刪除的正好是選中的) {
this.id = ''
}
我順便查了下element-ui源代碼,基本上沒有什么辦法了。
換個(gè)名字,不要用header,vue以為你用的是html標(biāo)準(zhǔn)里的header
http://efe.baidu.com/blog/mob...
你可以看看這篇文章,
北大青鳥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
北大課工場(chǎng)是北京大學(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)師。