網(wǎng)上找了好久沒找到有效的解決方案
來題主講講你是怎么找了好久的
通過開發(fā)者工具的performance記錄
canvas、語義化、webSocket、多媒體標(biāo)簽、本地存儲,常用的就這些了。
html5的話,還有webRTC、webVTT以及一些新的api,具體可以參考下MDN里面的介紹:
https://developer.mozilla.org...
var p1=new Promise((resolve,rej) => {
console.log('沒有resolve')
//throw new Error('手動返回錯誤')
rej('失敗了')
})
p1.then(data =>{
console.log('data::',data);
},err=> {
console.log('err::',err)
}).catch(
res => {
console.log('catch data::', res)
})
VM367054:2 沒有resolve
VM367054:11 err:: 失敗了
var p1=new Promise((resolve,rej) => {
console.log('沒有resolve')
//throw new Error('手動返回錯誤')
rej('失敗了')
})
p1.then(data =>{
console.log('data::',data);
}).catch(
res => {
console.log('catch data::', res)
})
VM367054:2 沒有resolve
VM367054:11 catch data:: 失敗了
var p1=new Promise((resolve,rej) => {
console.log('沒有 resolve')
//throw new Error('手動返回錯誤')
rej('失敗了')
})
p1.catch(
res => {
console.log('catch data::', res)
})
VM367087:2 沒有resolve
VM367087:9 catch data:: 失敗了
var p1=new Promise((resolve,rej) => {
console.log('resolve')
//throw new Error('手動返回錯誤')
resolve('成功了')
})
p1.then(data =>{
console.log('data::',data);
}).catch(
res => {
console.log('catch data::', res)
})
VM367087:2 resolve
VM367087:9 data:: 成功了
var p1=new Promise((resolve,rej) => {
console.log('resolve')
//throw new Error('手動返回錯誤')
resolve('成功了')
})
p1.catch(
res => {
console.log('catch data::', res)
})
VM367087:2 resolve
throw new Error 的情況和rej一樣,但是他倆只會有一個發(fā)生
另外,網(wǎng)絡(luò)異常(比如斷網(wǎng)),會直接進入catch而不會進入then的第二個回調(diào)
可以試下input或者change事件
一看就是你右邊布局?jǐn)D壓了 , 仔細看看代碼
出現(xiàn)瀏覽器崩潰的原因是,你瀏覽器占用的內(nèi)存爆倉了。你的reader.onloadend方法把base64的數(shù)據(jù)都存起來了,這里是存到內(nèi)存當(dāng)中,當(dāng)數(shù)據(jù)量很大的情況下,就會出現(xiàn)內(nèi)存爆倉,瀏覽器沒有額外的內(nèi)存去正常運行了。
你需要限制一下上傳文件的大小,當(dāng)文件過大的情況下,推薦采用 分片上傳技術(shù),使用類似于js-spark-md5前端js類庫。參考html5大文件上傳技術(shù)
getToken是異步操作,執(zhí)行時會等待返回。
console.log是同步的,并不會等待getToken執(zhí)行完才執(zhí)行,而是立即執(zhí)行,由于getToken還未返回數(shù)據(jù),所以就是undefined。
你打個斷點跟一下,其實就明白了。
變換一下數(shù)據(jù)結(jié)構(gòu)
let a = [
[
{ "11": "" },
{ "1": "" },
{ "2": "" },
]
]
let b={
"11":"",
"1":"",
"2":"",
}
for(let i in a){
for(let j in a[i]){
console.log(a[i][j])
}
}
/*
{ '11': '' }
{ '1': '' }
{ '2': '' }
*/
for(let k in b){
console.log(k+":"+b[k])
}
/*
1:
2:
11:
*/
rich-text 有限制 字符串形式官方說效率不行,而數(shù)組模式又賊麻煩,誰用誰知道。
wxparse 支持多一點 但我個人覺得有點卡頓 可能是我沒調(diào)用好。
但都 只能 解析 部分而已,很多需求也做不了。
所有的選中控制操作都不要自己控制,全部交給props,每次選中都是通過事件上傳狀態(tài),自頂向下賦值
你應(yīng)該修改這個配置項;
chunkFilename: "xxx.css"
只能在 window 實例上調(diào)用 window.setTimeout
window.setTimeout(
function() {
alert(this.a);
}.bind({ a: 1 }),
100
);
window.setTimeout(
(obj) => {
alert(obj.a);
},
100,
{ a: 1 }
);
1、關(guān)于type.js,確實只是一個規(guī)范化的管理方式,把所有的mutations的操作,都定義在type.js里面。
2、存儲方式,目前項目中使用了vuex-persistedstate 這個插件。默認(rèn)使用的是localStorage。當(dāng)然你可以選擇SessionSorage以及cookie。這些選擇都是基于你了解了他們之間的區(qū)別,以及根據(jù)項目需求來選擇的。沒有最好,只有最合適把
不知道你是否需要的是這個效果。
css 代碼如下,就是在你的基礎(chǔ)上增加了點熟悉 和修改名稱
<style type="text/css">
ul {
list-style: none;
width: 100%;
}
.li-item {
width: 23%;
text-align: center;
height: 255px;
float: left;
display: inline-block;
border-radius: 5px;
border: 1px #ccc solid;
cursor: pointer;
}
.content {
width: 1140px;
position: relative;
}
</style>
html 代碼如下
<div class="content">
<ul>
<li class="li-item">
<img src="img/lanmeifengmi001.jpg" />
<p>這是一個商品</p>
</li>
<li class="li-item">
<img src="img/lanmeifengmi001.jpg" />
<p>這是一個商品</p>
</li>
<li class="li-item">
<img src="img/lanmeifengmi001.jpg" />
<p>這是一個商品</p>
</li>
<li class="li-item">
<img src="img/lanmeifengmi001.jpg" />
<p>這是一個商品</p>
</li>
<li class="li-item">
<img src="img/lanmeifengmi001.jpg" />
<p>這是一個商品</p>
</li>
<li class="li-item">
<img src="img/lanmeifengmi001.jpg" />
<p>這是一個商品</p>
</li>
<li class="li-item">
<img src="img/lanmeifengmi001.jpg" />
<p>這是一個商品</p>
</li>
</ul>
</div>
希望能幫助你
下載下來是什么要看你的href屬性里面寫的是什么了。你寫一個文件他就下載那個文件
constructor里面不適合進行網(wǎng)絡(luò)請求,可以在 componentWillMount里面
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團,成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負責(zé)iOS教學(xué)及管理工作。
精通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)師。