可以的,但是原始類(lèi)型的數(shù)據(jù)只是值傳遞,你在func里面改變card,只是改變形參card,并不是改變組件變量,可以做如下修改
func (str) {
this[str] = '***'
}
this.func('card1')http://www.cnblogs.com/longm/...
計(jì)算白屏?xí)r間
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>白屏</title>
<script type="text/javascript">
// 不兼容performance.timing 的瀏覽器,如IE8
window.pageStartTime = Date.now();
</script>
<!-- 頁(yè)面 CSS 資源 -->
<link rel="stylesheet" href="common.css">
<link rel="stylesheet" href="page.css">
<script type="text/javascript">
// 白屏?xí)r間結(jié)束點(diǎn)
window.firstPaint = Date.now();
</script>
</head>
<body>
<!-- 頁(yè)面內(nèi)容 -->
</body>
</html>
因此白屏?xí)r間則可以這樣計(jì)算出:
可使用 Performance API 時(shí)
白屏?xí)r間 = firstPaint - performance.timing.navigationStart;
首屏?xí)r間
通常計(jì)算首屏的方法有
首屏模塊標(biāo)簽標(biāo)記法
統(tǒng)計(jì)首屏內(nèi)加載最慢的圖片的時(shí)間
自定義首屏內(nèi)容計(jì)算法
1、首屏模塊標(biāo)簽標(biāo)記法
首屏模塊標(biāo)簽標(biāo)記法,通常適用于首屏內(nèi)容不需要通過(guò)拉取數(shù)據(jù)才能生存以及頁(yè)面不考慮圖片等資源加載的情況。我們會(huì)在 HTML 文檔中對(duì)應(yīng)首屏內(nèi)容的標(biāo)簽結(jié)束位置,使用內(nèi)聯(lián)的 JavaScript 代碼記錄當(dāng)前時(shí)間戳。如下所示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首屏</title>
<script type="text/javascript">
window.pageStartTime = Date.now();
</script>
<link rel="stylesheet" href="common.css">
<link rel="stylesheet" href="page.css">
</head>
<body>
<!-- 首屏可見(jiàn)模塊1 -->
<div class="module-1"></div>
<!-- 首屏可見(jiàn)模塊2 -->
<div class="module-2"></div>
<script type="text/javascript">
window.firstScreen = Date.now();
</script>
<!-- 首屏不可見(jiàn)模塊3 -->
<div class="module-3"></div>
<!-- 首屏不可見(jiàn)模塊4 -->
<div class="module-4"></div>
</body>
</html>
時(shí)首屏?xí)r間等于 firstScreen - performance.timing.navigationStart;
事實(shí)上首屏模塊標(biāo)簽標(biāo)記法 在業(yè)務(wù)中的情況比較少,大多數(shù)頁(yè)面都需要通過(guò)接口拉取數(shù)據(jù)才能完整展示,因此我們會(huì)使用 JavaScript 腳本來(lái)判斷首屏頁(yè)面內(nèi)容加載情況。
2、統(tǒng)計(jì)首屏內(nèi)圖片完成加載的時(shí)間
通常我們首屏內(nèi)容加載最慢的就是圖片資源,因此我們會(huì)把首屏內(nèi)加載最慢的圖片的時(shí)間當(dāng)做首屏的時(shí)間。
由于瀏覽器對(duì)每個(gè)頁(yè)面的 TCP 連接數(shù)有限制,使得并不是所有圖片都能立刻開(kāi)始下載和顯示。因此我們?cè)?DOM樹(shù) 構(gòu)建完成后將會(huì)去遍歷首屏內(nèi)的所有圖片標(biāo)簽,并且監(jiān)聽(tīng)所有圖片標(biāo)簽 onload 事件,最終遍歷圖片標(biāo)簽的加載時(shí)間的最大值,并用這個(gè)最大值減去 navigationStart 即可獲得近似的首屏?xí)r間。
此時(shí)首屏?xí)r間等于 加載最慢的圖片的時(shí)間點(diǎn) - performance.timing.navigationStart;
3、自定義模塊內(nèi)容計(jì)算法
由于統(tǒng)計(jì)首屏內(nèi)圖片完成加載的時(shí)間比較復(fù)雜。因此我們?cè)跇I(yè)務(wù)中通常會(huì)通過(guò)自定義模塊內(nèi)容,來(lái)簡(jiǎn)化計(jì)算首屏?xí)r間。如下面的做法:
忽略圖片等資源加載情況,只考慮頁(yè)面主要 DOM
只考慮首屏的主要模塊,而不是嚴(yán)格意義首屏線(xiàn)以上的所有內(nèi)容
可能源于早期SPL庫(kù)的BUG, SPL有涉及REGEX的方法, 但是少了在無(wú)PCRE時(shí)的宏判斷導(dǎo)致出錯(cuò).
為什么不通過(guò)a標(biāo)簽直接下載 而要用axios轉(zhuǎn)一圈呢
document.getElementsByClassName("wechat")注意Elements是一個(gè)復(fù)數(shù),所以獲取到的是一個(gè)數(shù)組
這樣寫(xiě)document.getElementsByClassName("wechat")[0],才可以獲取到這個(gè)數(shù)組的第一個(gè)元素
簡(jiǎn)單的何不不使用 URLSearchParams ..
用其他放參數(shù)的方法
聊天組件componentDidMount的時(shí)候連接socket
for每次循環(huán)生成一個(gè)新的作用域,fuction內(nèi)的i訪問(wèn)的是這個(gè)作用域內(nèi)的i,大概可以像這樣理解:
var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
let j=i
console.log(j);
};
}
a[6](); // 6
可以將源代碼使用 babel轉(zhuǎn)義看看:
如果原始單元格是數(shù)值,這是正常的,因?yàn)楦↑c(diǎn)數(shù)就是有一點(diǎn)誤差,你需要做的是顯示的時(shí)候根據(jù)不同的列保留相應(yīng)的小數(shù)位數(shù)就可以了。
所以建議:
最后,不要想走捷徑,這和彎道超車(chē)完全是兩個(gè)概念。必須付出足夠的努力,才有機(jī)會(huì)成功。
你引用出來(lái)的圖片不就是相當(dāng)于鼠標(biāo)了,為什么還要定義位置。
.sex:before{
content:url('images/blog.png');
position:absolute;
width:100%;
margin-left:-50%;
top:50%;
left:50%;
margin-top:-35px;
}
.sex{
width:130px;
height:70px;
text-align:center;
line-height:70px;
}
// 父組件
<ranting :stars='rade' :maxStars='maxd' :hasCounter.sync="has" />
// 子組件
computed: {
has() {
return this.hasCounter
}
}
chang() {
this.$emit('update:hasCounter', !this.hasCounter);
}
然后子組件的 watch 監(jiān)聽(tīng)可以移除了 data 中的 has 也可以移除了,父組件中的 @on-result-change='onResultChange' 回調(diào)也可以移除了
使用 computed, 根據(jù)不同頁(yè)面對(duì)數(shù)據(jù)進(jìn)行過(guò)濾。
比如: 未簽約頁(yè)面
<template>
<el-table
:data="unsigns"
border
style="width: 100%"
height="600">
<el-table-column prop="date" label="合同名稱(chēng)" style="width: 70%">
</el-table-column>
<el-table-column :name2="name" label="狀態(tài)" style="width: 30%">
</el-table-column>
</el-table>
<template>
export default {
data() {
table: [{xxx} ......]
},
computed : {
unsigns () {
return this.table.filter(item => item.name === '未簽約')
}
}
}有個(gè)選擇內(nèi)容加版權(quán)聲明的常見(jiàn)效果。。。感覺(jué)和你這個(gè)需求類(lèi)似。。。
$('body').on('copy', function (e) {
if (typeof window.getSelection == 'undefined') {
return;
}
var body_element = document.body,
selection = window.getSelection();
if (('' + selection).length < 30) {
return;
}
var newdiv = document.createElement('div');
newdiv.style.position = 'absolute';
newdiv.style.left = '-99999px';
body_element.appendChild(newdiv);
newdiv.appendChild(selection.getRangeAt(0).cloneContents());
if (selection.getRangeAt(0).commonAncestorContainer.nodeName == 'PRE') {
newdiv.innerHTML = '<pre>' + newdiv.innerHTML + '</pre>';
};
newdiv.innerHTML += '<br />著作權(quán)歸作者所有。<br />商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。<br />原文: <a href="' + location.href + '">' + location.href + '</a> ? abcde.com';
selection.selectAllChildren(newdiv);
window.setTimeout(function () {
body_element.removeChild(newdiv);
}, 200);
});eventBus很方便
var result = "";聲明了是一個(gè)字符串類(lèi)型,var result; 只聲明沒(méi)有定義類(lèi)型。+=一般用在number或string類(lèi)型上
貼hellowrod吧,感覺(jué)像是你又去new了store里的某個(gè)屬性。
template:
<div v-for="detail in details" @click="toRouter(detail)"></div>
methods:
toRouter (detail) {
this.$router.push({path: '/comment', query: {table: detail}})
}北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專(zhuān)業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(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ū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。