不知道你子路由是怎么配置的?你有沒有像圖片一樣配置路徑中的:id令牌用來接收你的值呢?
可以試試flex
以前沒有遇到過這個(gè)問題,我實(shí)驗(yàn)了一下,覺得原因應(yīng)該是:
事實(shí)上,overflow不為visible與觸發(fā)BFC的條件很像,但不清楚是不是BFC的原因。
以上都是在chrome瀏覽器中發(fā)現(xiàn)的情況,因此可以試試上面兩位的解決方法。
但是,如果你是在IE9瀏覽器中,那么僅僅是1px的margin是沒有辦法完整顯示box-shadow的,至少得是2px。
ref 相當(dāng)一給元素或組件一個(gè)id,引用加在$refs,第一種寫法后面的就把前面的覆蓋了,這樣寫肯定不合理,id重復(fù) 。第二種vue有做for的特殊處理,參考文檔。
當(dāng) ref 和 v-for 一起使用的時(shí)候,你得到的引用將會(huì)是一個(gè)包含了對(duì)應(yīng)數(shù)據(jù)源的這些子組件的數(shù)組。
<!DOCTYPE html>
<html>
<body>
<audio id="myAudio" autoplay controls loop>
<source src="/i/horse.ogg" type="audio/ogg">
<source src="/i/horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<p id="demo"></p>
<button onclick="myFunction()">切換</button>
<script>
function myFunction()
{
var audio = document.getElementById("myAudio");
if(audio.paused){
audio.play();
}else{
audio.pause();
}
}
</script>
</body>
</html>
這個(gè)代碼粘貼到這里 http://www.w3school.com.cn/ti...。
在 use('/')前定義一個(gè)固定的error 比如use('/error/*')
你加上這個(gè),名字你看著改
if (typeof callback === "function") callback.call(this, d)
子元素的z-index受父元素影響 假如有兩個(gè)元素A和B 假如A的子元素z-index 為999 但是A元素z-index為1,B的z-index為2的話 A的子元素還是會(huì)被B蓋住
默認(rèn)的new Vue()方法是不會(huì)暴露出全局變量的
iframe 了解一下
我想出兩種方案,
1、服務(wù)器端返回文件的時(shí)候,設(shè)置響應(yīng)頭,
cache-control:no-cache
貌似是這樣,告訴瀏覽器不要緩存;
2、前端控制,核心是,如何區(qū)分代碼里修改 url 導(dǎo)致的刷新和用戶的刷新,代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
let presentTime = (new Date()).getTime(),
hrefWithoutSearch = location.protocol + '//' + location.host + location.pathname;
if (localStorage.getItem('previousHref') === null) {
localStorage.setItem('previousHref', hrefWithoutSearch + "?v=" + presentTime);
localStorage.setItem('previousAccessTime', presentTime);
location.href = hrefWithoutSearch + "?v=" + presentTime;
} else {
let interval = presentTime - parseInt(localStorage.getItem('previousAccessTime'), 10);
if (interval > 2000) {
localStorage.setItem('previousAccessTime', presentTime);
location.href = hrefWithoutSearch + "?v=" + presentTime;
}
}
</script>
</body>
</html>
原理:
所以,onbeforeunload,onunload 都無法來區(qū)分,我想到的可以區(qū)分的就是,用戶的操作
我覺得比較困難,尤其是地址欄回車按鈕和地址欄旁的刷新;所以想了另外一個(gè)妥協(xié)的辦法:
頁面每次加載,都去 localStorage 里獲取上次加載的時(shí)間 previousAccessTime,和當(dāng)前時(shí)間一減,得出 interval ,假設(shè)跟 3秒 比較;
后兩點(diǎn)是缺點(diǎn),當(dāng)然可以通過其他方式去優(yōu)化,比如,
初始話的時(shí)候?yàn)槭裁床豢梢耘袛????br>https://segmentfault.com/q/10...
看下這個(gè)
噢,略微明白了。你可以在第一個(gè)頁面的回調(diào)方式判斷就可以了
onLoad: function(option){
var z = this
// 獲取用戶信息,跟你那個(gè)差不多
app.userInfoReadyCallback = function() {
//賦值,可以換成判斷之后跳轉(zhuǎn)的頁面
z.setData({
userInfo: app.globalData.userInfo
})
}
},
你最后一幀margin-left: 0;,所以圖片一輪滾動(dòng)完后,圖片就會(huì)回滾;
如果你用css3做,那就從右往左,用0%-50%,然后設(shè)置成左往右,用50%-100%;這樣的話就不會(huì)出現(xiàn)6張圖一起回滾的結(jié)果;
不知道你的vue版本 在2.2.0以上的版本中是被keep-alive的組件有個(gè)activated的鉤子 你可以在這個(gè)鉤子里面操作
很不幸我300條的時(shí)候點(diǎn)擊下拉都有明顯卡頓
想想這種設(shè)計(jì)本身就不合理,3000條數(shù)據(jù)一次性從后端都扔給前端,用戶也不可能去選擇某一條,不如改為remote-search的解決方案
北大青鳥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)師。