holo.php 通過require 'checkingAge.php'; 導(dǎo)入php文件,并在holo.php中調(diào)用checkingAge函數(shù)并傳值,這是視頻出的作業(yè)題目,這沒問題吧?
bootstrap 是響應(yīng)式布局,可以說涵蓋了自適應(yīng),不能說bootstrap不能做自適應(yīng)。
想自己寫的話一般 是得寬度 間距等 采用百分比,字體用em 或者rem
打斷點(diǎn)看一下
$(this).next().val(); --針對input標(biāo)簽,獲取值
$(this).next().text(); --針對span或者textarea標(biāo)簽,獲取值
forceUpdate會跳過shouldComponentUpdate步驟直接觸發(fā)組件的render方法
官網(wǎng)建議應(yīng)該盡量避免使用forceUpdate
Normally you should try to avoid all uses of forceUpdate() and only read from this.props and this.state in render().
https://reactjs.org/docs/reac...
使用css的calc計(jì)算函數(shù)以及vw/vh視窗單位
.dialog{
position:absolute;
left:calc(50vw - 350px);
top:calc(50vh - 250px);
width:700px;
height:500px;
}
當(dāng)然你也可以通過JS獲取當(dāng)前視窗可是區(qū)域的大小,動態(tài)設(shè)置left/top值
Quick Start:https://reactjs.org/docs/inst...
從頭到尾看一遍,codePen的例子不要跳過,這里僅僅是熱身。
Tutorial:https://reactjs.org/tutorial/...
從頭到尾做一遍,有概念模糊的地方到Quick Start反復(fù)查閱。
中文版的官網(wǎng)當(dāng)做輔助https://doc.react-china.org/
最后有個(gè)小建議,不要太相信非官方渠道的資料,因?yàn)橐痪湓捒诙鄠?,到最后就變?/p>
再贈送你一個(gè)Redux教程,Redux作者本人的視頻教程:https://egghead.io/lessons/re...
hover誰誰方法,和里面外面有什么關(guān)系呢
父級縮放,子級也是跟著縮放的吧
大致是這種意思 下級菜單的html放在上層的內(nèi)部
<div onmouseover="$('#menu1').show()" onmouseout="$('#menu1').hide()">
<div>導(dǎo)航圖標(biāo)</div>
<div id="menu1" onmouseover="$('#menu2').show()" onmouseout="$('#menu2').hide()">
<div id="menu2"></div>
</div>
</div>高版本的瀏覽器都沒有管autocomplete了,具體解釋可以看stackoverflow
http://echarts.baidu.com/,不就用echarts就行了啊
echart 是在網(wǎng)頁上顯示的圖表,而網(wǎng)頁html用的單位是px
從圖標(biāo)的容器
<body>
<!-- 為 ECharts 準(zhǔn)備一個(gè)具備大?。▽捀撸┑?DOM -->
<div id="main" style="width: 600px;height:400px;"></div>
</body>
也可以看出單位為px
而對于移動端自適應(yīng)官網(wǎng)有文檔說明的
移動端自適應(yīng)
恰好在練習(xí)css3 比較粗糙,大體思路同樓上
<style>
*{
background: #080808;
padding: 0;
margin: 0;
box-sizing: border-box;
}
.box{
width: 400px;
height: 400px;
position: relative;
margin: 300px;
}
@-webkit-keyframes spin-a{
form{
-webkit-transform:rotate(0deg)
}
to{
-webkit-transform:rotate(360deg)
}
}
@-webkit-keyframes spin-b{
form{
-webkit-transform:rotate(10deg)
}
to{
-webkit-transform:rotate(350deg)
}
}
.a{
position: absolute;
left: 0;
top: 0;
width: 400px;
height: 400px;
border-radius:50%;
border: 15px solid #0B3B3C;
border-top: 10px solid #080808;
border-bottom: 10px solid #080808;
-webkit-animation: spin-a 2s infinite linear;
background-color: #091717;
/* background-image: -webkit-radial-gradient(circle,#fff 160px,#091717 200px); */
}
.b{
position: absolute;
left: 25px;
top: 25px;
width: 350px;
height: 350px;
border-radius:50%;
border: 6px solid #17F6FB;
border-top: 10px solid #091717;
border-bottom: 10px solid #091717;
-webkit-animation: spin-a 3s infinite linear;
background-color: #0A3334;
/* background-image: -webkit-radial-gradient(circle,#fff 150px,#091717 180px); */
}
.c{
position: absolute;
left: 45px;
top: 45px;
width: 310px;
height: 310px;
border-radius:50%;
border: 6px solid #17F6FB;
border-top: 10px solid #0A3334;
border-bottom: 10px solid #0A3334;
-webkit-animation: spin-a 6s infinite linear;
background-color: #0A3334;
background-image: -webkit-radial-gradient(circle,#1F8989 100px,#0A3334 180px);
}
.d{
position: absolute;
left: 80px;
top: 80px;
width: 240px;
height: 240px;
border-radius:50%;
border: 15px solid #17F6FB;
border-top: 10px solid black;
border-bottom: 10px solid black;
-webkit-animation: spin-a 1.5s infinite linear;
background-color: black;
}
.e{
position: absolute;
left: 110px;
top: 110px;
width: 180px;
height: 180px;
border-radius:50%;
border: 4px solid #101D1D;
}
.f{
position: absolute;
left: 120px;
top: 120px;
width: 160px;
height: 160px;
border-radius:50%;
background-color: #080808;
}
</style>
\
<div class="box">
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
<div class="d"></div>
<div class="e"></div>
<div class="f"></div>
</div>
你這個(gè)不是output和input的問題, 問題的根源是引用值和原始值的問題
@Input()
private hero2: Hhh2;
hero2是個(gè)對象,對象在js中是引用值, 所以你在子組件中修改了hero2,父組件中的值當(dāng)然就改變了,因?yàn)槎贾赶蛲粋€(gè)內(nèi)存地址。
你可以嘗試傳入的值是一個(gè)string, number, boolean 這種原始值, 你再試試, 你就能理解了。
在ECMAscript中,變量可以存放兩種類型的值,即原始值和引用值
原始值指的是代表原始數(shù)據(jù)類型的值,也叫基本數(shù)據(jù)類型,包括:Number、Stirng、Boolean、Null、Underfined
引用值指的是復(fù)合數(shù)據(jù)類型的值,包括:Object、Function、Array、Date、RegExp
根據(jù)數(shù)據(jù)類型不同,有的變量儲存在棧中,有的儲存在堆中。具體區(qū)別如下:
原始變量及他們的值儲存在棧中,當(dāng)把一個(gè)原始變量傳遞給另一個(gè)原始變量時(shí),是把一個(gè)棧房間的東西復(fù)制到另一個(gè)棧房間,且這兩個(gè)原始變量互不影響。
引用值是把 引用變量的名稱儲存在棧中,但是把其實(shí)際對象儲存在堆中,且存在一個(gè)指針由變量名指向儲存在堆中的實(shí)際對象,當(dāng)把引用對象傳遞給另一個(gè)變量時(shí),復(fù)制的其實(shí)是指向?qū)嶋H對象的指針,此時(shí) 兩者指向的 是同一個(gè)數(shù)據(jù),若通過方法改變其中一個(gè)變量的值,則訪問另一個(gè)變量時(shí),其值也會隨之加以改變;但若不是通過方法 而是通過 重新賦值 此時(shí) 相當(dāng)于 重新開了一個(gè)房間 該值的原指針改變 ,則另外一個(gè) 值 不會隨他的改變而改變。
按照你的寫法需要更換stars數(shù)組的值,但是你不是就一個(gè)評分,所以一個(gè)數(shù)組肯定是不行的,所以這個(gè)思路并不好
換個(gè)思路,就兩種圖片,黃色的總在前面,灰色的總在后面,那可以這么實(shí)現(xiàn)
data = ["5", "1", "3", "2", "1"]
imgs = {
off: './img/net_more/star_off.png',
on: './img/net_more/star_on.png'
}
<li v-for="(item,index) of data">
<img class="stars" v-for="star in 5" :src="star <= item ? imgs.off : imgs.on" alt="1">
</li>之前用過別的方法。如果table中的td排布是有規(guī)律的,我遍歷到所有的td,按照i的倍數(shù)去取就可以了。
<body>
<table>
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
<th>昵稱</th>
<th>電話</th>
</tr>
</thead>
<tbody>
<tr>
<td>q0</td>
<td>q1</td>
<td>q2</td>
<td>q3</td>
<td>q4</td>
</tr>
<tr>
<td>e0</td>
<td>e1</td>
<td>e2</td>
<td>e3</td>
<td>e4</td>
</tr>
<tr>
<td>w0</td>
<td>w1</td>
<td>w2</td>
<td>w3</td>
<td>w4</td>
</tr>
</tbody>
</table>
</body>
<script src="../echarts/jquery-3.1.0.min.js"></script>
<script>
var tds = $('tbody').find('td');
console.log(typeof tds);
var temparr=[]
for (var i = 0; i < $("tbody tr").length; i++) {
temparr.push($("tbody tr").children("td").eq(0 + 5 * i).text())
}
console.log(temparr);
</script>
這樣數(shù)組中的結(jié)果就是一列。
北大青鳥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”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級產(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)理從事移動互聯(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ù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(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)師。