d3.js可以嘗試一下
你想要的是這樣嗎?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">
<title></title>
<style>
.clearfix {
display: block;
}
.clearfix:after {
zoom: 1;
display: block;
content: '';
clear: both;
}
.container {
width: 300px;
background: yellow;
}
.left {
float: left;
width: 200px;
height: 200px;
background: black;
}
.right {
margin-left: 200px;
background: red;
word-break: break-word;
}
.pull-left {
float: left;
}
</style>
</head>
<body>
<div class="container clearfix">
<div class="left"></div>
<div class="right ">
<div class="clearfix">
<div>1111111111111</div>
<div>21222222222</div>
</div>
</div>
</div>
</body>
</html>
我猜測是因為你重定向指定了主機,別人訪問時因為跨域?qū)е碌卿沜ookie丟失,導(dǎo)致死循環(huán)
//第一個參數(shù)為 需要去重的數(shù)組,第二個參數(shù)為數(shù)組的屬性名,返回的是數(shù)組類型
function unique(array, attr) {
// res用來存儲結(jié)果
var res = [];
for(var i = 0, arrayLen = array.length; i < arrayLen; i++) {
for(var j = 0, resLen = res.length; j < resLen; j++) {
if(array[i][attr] === res[j][attr]) {
break;
}
}
// 如果array[i]是唯一的,那么執(zhí)行完循環(huán),j等于resLen
if(j === resLen) {
res.push(array[i])
}
}
return res;
}
console.log(unique(arr,'id'));
你是怎么賦值的,把代碼貼出來,不然咋知道?
初步預(yù)測是this
指向問題
304不是錯誤 是緩存
傳過去的數(shù)據(jù)被改變了
這個是從哪里觀測到的。你示例里的代碼不該發(fā)生這種問題。
樣式加載時間?
分別渲染7條線段是否可以解決這個問題呢?
可以把整個項目方到github嗎?
可能你的IDE 和他的 IDE 制表符和縮進設(shè)置不同,所以顯示全部都conflict,或者是行被更改。 你只要保留需要保留的那部分代碼,其他刪除,重啟服務(wù)試下是不是你想要的結(jié)果
這個跟阻止冒泡沒關(guān)系吧,我覺得是你事件回調(diào)設(shè)計的不好,你再怎么阻止冒泡都會彈出來。
@blur="checkChineseName(event)"
你再怎么阻止冒泡,checkChineseName()
總還是會執(zhí)行的吧?然后你在 checkChineseName()
里面又彈了框,當(dāng)然就是現(xiàn)在的樣子了。
如果你想要的是切換輸入框的時候不彈框,提交表單的時候才彈框的話,就不要在 @blur
里彈框,而是在 form 的 submit 事件里彈框。
希望對你有幫助
P.S.你從網(wǎng)上看的第一種方法完全不對- -原生阻止冒泡應(yīng)該是這樣:
event.preventDefault();
event.stopPropagation();
函數(shù)會被銷毀,因為在條件語句中,函數(shù)的聲明不會提升。但是變量賦值后會保持。
測試如下:
if(function f(){}){
// xxx
}
f()
會輸出:
Uncaught ReferenceError: f is not defined
不信你可以運行一下。
v-model="filedR[v].value1"
這里面的v一直是2
,所有綁定的都是同一個,當(dāng)然一起變了。
child不要做first的子元素就可以了
0開頭八進制
0x開頭十六進制
其它十進制
轉(zhuǎn)換的時候還是要進行錯誤控制,畢竟你是不能信任對方傳過來的是否符合數(shù)制的要求
不要用 bind
或箭頭函數(shù)不就好了。onClick = {this.showEdit}
還有,你最上面 page1里的,onClick: 'this.showEdit.bind(this, record)'
是錯的,首先onclick 的值是個字符串,根本不是方法,其次,bind
用法也錯誤。
卡頓一般transform不會 你用translate3d會更好啟用了硬件加速
你的卡頓 可能是其他原因 比如transition沒寫好 或者transition 跟 js的animate沖突之類造成的
目前你給的代碼樣本太少
你的if (!($(this)[href=pre_url])) {}
這個我沒看懂是什么意思,不是這樣判斷的$('#a').remove();
是直接刪除id=a
你的用法不對$("a[href!='']").each(function() {})
多余了$("a[href!='']").on('mouseenter')
會給所有選擇到的元素添加事件
$(document).ready(function() {
$("a[href!='']").on('mouseenter', function(event) {
var bool = false;
var pre_url = $(this).attr("href");
$("link").each(function() {
if (($(this).attr("href")==pre_url)) {//判斷是否已經(jīng)存在存在則不添加
bool = true
}
});
if(!bool){
$("head").append('<link rel="prerender" href="' + pre_url + '">');
}
});
$("a[href!='']").on('mouseleave', function(event) {
var pre_url = $(this).attr("href");//只要鼠標(biāo)移出就刪除 所有不用判斷
$('link[href="' + pre_url +'"]').remove();
});
});
問題解決了
上圖是我的配置文件,主要的改動紅線標(biāo)注。因為改為dev 所以執(zhí)行這個:
npm install babel-preset-env --save-dev
因為webpack每個版本都有改動,所以在使用時盡量參考這些網(wǎng)站:
npm;webpackPackage;webpackConfigs;babeljs
當(dāng)你想以“http://localhost:8080/”在瀏覽器展現(xiàn)時,運行webpack-dev-server --hot --inline
北大青鳥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
曾工作于聯(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é)及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通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)師。