4.0 也不行 我的eslint-plugins-html是4.0版本
問(wèn)題出在異步上,跟 [__ob__: Observer] 無(wú)關(guān)
原因在與,你同時(shí)發(fā)起了幾個(gè)請(qǐng)求,但是 jsonp() 調(diào)用結(jié)果返回的順序不確定,可能會(huì)導(dǎo)致 index=1 的 then() 函數(shù)比 index=0 的 then() 函數(shù)先執(zhí)行,此時(shí) this.detailId 數(shù)組只有一個(gè)值,而你取的時(shí)候是 this.detailId[1](因?yàn)?index=1的結(jié)果先返回),所以報(bào)錯(cuò)了
下面提供一種修復(fù)的方式,在 then() 函數(shù)里做點(diǎn)改動(dòng):
// remove
// this.detailId.push(new Movie(res.id, res.wish_count))
// add
this.$set(this.detailId, index, new Movie(res.id, res.wish_count))用一個(gè)判斷包起來(lái),
var module = null; if(!isBrowser){module = require('module')}
可以綁定onresize的標(biāo)簽 body
可以綁定onresize的對(duì)象 window
只有一個(gè)起作用,后定義覆蓋前定義的
實(shí)現(xiàn)其他元素綁定onresize的原理
在元素綁定resize對(duì)象時(shí),記錄元素的width和height
使用requestAnimationFrame、setTimeout、setInterval,每隔一段時(shí)間查詢其width和height,如果和記錄的width和height不一樣,運(yùn)行回調(diào)函數(shù)并更新記錄中的width為height
如果在使用jq的情況下很少的代碼可以實(shí)現(xiàn),但如果是原生js,考慮兼容性等問(wèn)題,代碼比較冗長(zhǎng)。
剛剛簡(jiǎn)單測(cè)了一下,用target后,改變?cè)卮笮?,不觸發(fā)onresize。
jquery應(yīng)該放最后?
我用的是 nginx 代理配置網(wǎng)上很多教程,代理原理都是一樣的,就寫(xiě)法不一樣
babel-polyfill 的做法是將全局對(duì)象通通污染一遍,比如想在 node 0.10 上用 Promise,調(diào)用 babel-polyfill 就會(huì)往 global 對(duì)象掛上 Promise 對(duì)象。
把node_modules刪除了重新執(zhí)行一下npm i
export會(huì)被轉(zhuǎn)成defineProperty,你看看是不是這個(gè)原因?qū)е碌?/p>
const Test = {};
export default Test;
// 改成
module.exports = Test;@LieRabbit 那樣是行不通的,提示的錯(cuò)誤信息在下面:
router 配置有問(wèn)題
{
path: "/question/:questionId(\d+)",
components: {
author: author
}
},
應(yīng)該改成
{
path: "/question/:questionId(\d+)",
component: author
},你可以使用nextTick
你在頁(yè)面直接引入的它當(dāng)然打包不到,你要走需要打包的地方去引入就可以
類型/子類型,例如:application/pdf 表示的就是 application下面的pdf
通過(guò)上面3個(gè)知識(shí)點(diǎn),再來(lái)回答你的疑惑:
/ 前面表示的是類型主要有下面這些:
application audio image message text video x-world不過(guò)需要注意的,在`script`標(biāo)簽中,type只支持 `JavaScript MIME type`,也就是說(shuō)這個(gè)時(shí)候支持的類型只有 `text`和`application`
/本身并沒(méi)有太多的含義,只是被用來(lái)區(qū)隔類型和子類型擴(kuò)展:script中的type除了可以設(shè)置為JavaScript MIME type外,還可以設(shè)置其他2種:
module表示的是當(dāng)前是一個(gè)模塊腳本,通過(guò)javascript Module進(jìn)行解析,這個(gè)目前應(yīng)用的不多JavaScript MIME type的MIME type,都是表示當(dāng)前是個(gè)數(shù)據(jù)塊,不會(huì)被瀏覽器解析展示給用戶,這個(gè)在很多模版引擎中有使用到"判斷數(shù)據(jù)" === null
你需要再配置個(gè)NGINX作為靜態(tài)服務(wù)器
<textarea maxlength="100"></textarea >。想改為其他長(zhǎng)度直接改maxlength的值就行了
:on-select-change 點(diǎn)擊樹(shù)節(jié)點(diǎn)時(shí)觸發(fā) 當(dāng)前已選中的節(jié)點(diǎn)數(shù)組
on-select-change="handleSelect"
methods:{
handleSelect(selectedList){
var ele = selectedList[selectedList.length-1] //當(dāng)前選中的樹(shù)節(jié)點(diǎn)
ele.expand = true //設(shè)置為展開(kāi)
}
}touch事件,給你個(gè)簡(jiǎn)單的事例吧,返回動(dòng)畫(huà)什么的你自己完成吧,我是直接返回的。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
html{
width: 100%;
height: 100%;
}
body{
width: 100%;
height: 100%;
position: relative;
/* touch-action: none; */
}
.box{
width: 100px;
height: 100px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: #000;
}
</style>
</head>
<body >
<div class="box" id="box"></div>
</body>
<script>
touch('box');
function touch(id){
var obj = document.getElementById(id);
obj.addEventListener('touchstart', function(event) {
// 如果這個(gè)元素的位置內(nèi)只有一個(gè)手指的話
if (event.targetTouches.length == 1) {
var touch = event.targetTouches[0];
// 把元素放在手指所在的位置
var disX=touch.pageX-obj.offsetLeft;
var disY=touch.pageY-obj.offsetTop;
obj.addEventListener('touchmove',move);
function move(event){
//event.preventDefault();
document.documentElement.style.touchAction = 'none';
var touch2=event.targetTouches[0];
//var l=touch2.pageX-disX;
var t=touch2.pageY-disY;
// if(l<0){
// l=0;
// };
// if(l>document.documentElement.clientWidth-obj.offsetWidth){
// l=document.documentElement.clientWidth-obj.offsetWidth
// };
if(t<0){
t=0;
};
if(t>document.documentElement.clientHeight-obj.offsetHeight){
t=document.documentElement.clientHeight-obj.offsetHeight;
};
//obj.style.left=l+'px';
obj.style.top=t+'px';
};
obj.addEventListener('touchend',chend);
function chend(event){
if(obj.offsetTop<150){
alert('成功');
obj.style.top='auto';
obj.style.bottom='0px';
}else{
obj.style.top='auto';
obj.style.bottom='0px';
};
document.documentElement.style.touchAction = 'auto';
obj.removeEventListener('touchmove',move);
obj.removeEventListener('touchend',chend);
};
};
}, false);
};
</script>
</html>
北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(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)師。