image有默認(rèn)的寬度跟高度的
這個this不是vue實例吧,這樣寫試試。
var app = new Vue({
el: '#app',
data: {
volume: 50,
},
created: function() {
this.getVolume();
},
methods: {
getVolume: function() {
const that = this;
axios.get(url).then(function(response) {
that.volume = response.data.volume;
console.log(that.volume) // 這里能夠打印出來
}).catch(function(err) {
console.log(err);
});
}
}
})在js前加上以下兩句。
import 'moment/locale/zh-cn';
moment.locale('zh-cn');我司用的一般是750x1206的
如果是你代碼必須依賴的模塊,那么在線上環(huán)境你就必須執(zhí)行npm install安裝的
function tree(n){
for(var i=n;i>0;i--){
var str = '';
for(var j=0;j<i;j++){
str += i;
}
console.log(str);
}
for(var k=2;k<n+1;k++){
var str2 = '';
for(var l=0;l<k;l++){
str2 += k;
}
console.log(str2);
}
}
應(yīng)該不是,你可以屏蔽一下bootstrap對頁面的影響看看還是不是這樣的
大概這樣吧:
var $textarea = document.querySelector('#foo')
document.addEventListener('keydown', function(event){
var needPrevent = true
var tar = event.srcElement || event.target
if(event.keyCode == 8) {
if($textarea == tar) {
needPrevent = false
}
if(needPrevent) {
event.preventDefault();
return false;
}
}
})
思路很簡單,就是判定一下觸發(fā)事件的源節(jié)點是哪個就好了,關(guān)于判定的邏輯我只是簡單用 == 做了一下引用比較,可以擴(kuò)展為自定義的邏輯。
require('webpack/lib/IgnorePlugin')
1、把這個字體庫下載下來,加到本地項目里。網(wǎng)上有,可以去搜搜
2、找國內(nèi)的鏡像,字體資源路徑寫成國內(nèi)的
3、換一種字體,將這兩行引用谷歌字體的link刪掉
if (image.length>0)是為了確認(rèn)image是可以遍歷的,例如下面這個就會報錯了(好吧并不會,應(yīng)該只是判斷如果沒有長度就不進(jìn)入循環(huán)了,你的寫法沒啥問題)
var image = {}
for (var x=0; x<image.length; x++){
// code
}
第二個也是同樣的道理,如果name[0]是個空字符串,name[0].slice(0,1)返回的是空字符串"",可以繼續(xù)后面的操作,但是name[0][0]會返回undefined,執(zhí)行toUpperCase方法就會報錯了。
順便有更方便的方法:
name.replace(/./, $ => $.toUpperCase());表示沒有再兼容過ie,但是可以嘗試用js+widnow.resize來動態(tài)控制一下
如果修改過,那么刪除他,重新下過一份,改變文件編碼,沒有修改過,直接改變文件編碼
watch在created之后就開始監(jiān)聽變化了,在mounted之前,props的option應(yīng)該發(fā)生了一次變化,而這時你的chartDom還沒渲染好,所以會出現(xiàn)圖中的報錯。把chart.init操作移至mounted中就行了。還有,不用每次option變動都去執(zhí)行init,只要執(zhí)行一下setOption就能重繪了。
另外,你DOM容器變化后才需要resize,比如調(diào)整窗口大小后,DOM寬度變小了,那就執(zhí)行以下resize(這種情況最好配合debounce使用)
還是直接上代碼吧……
watch: {
option: function (val) {
if (val) this.renderChart();
}
},
mounted(){
this.chart = echarts.init(this.$refs.myEchart);
window.addEventListener("resize", this.onResize, false);
},
destroyed(){
window.removeEventListener("resize", this.onResize, false);
},
methods: {
onResize(){
if(this.chart){
this.chart.resize();
}
}
renderChart () {
// this.chart = echarts.init(this.$refs.myEchart);
this.chart.setOption(this.option);
}
}你好,首先你得理解new到底做了什么事情
深入淺出面向?qū)ο蠛驮汀痉馄匦抡J(rèn)識new】
讀完這篇文章,你應(yīng)該可以明白對象方法是綁定在構(gòu)造函數(shù)People的實例上的【構(gòu)造函數(shù)你可以理解為 類】類方法是綁定在構(gòu)造函數(shù)People自己身上的【沒什么用】原型方法是綁定在構(gòu)造函數(shù)People的prototype屬性上的的,目的是為了構(gòu)造函數(shù)People的實例能夠通過自身的__proto__屬性調(diào)用到構(gòu)造函數(shù)People的原型方法
如果你對類/實例概念不是很透徹,建議你讀下我寫的這篇文章
深入淺出面向?qū)ο蠛驮汀靖拍钇?】
我私自猜測你對于在實際應(yīng)用過程中應(yīng)該怎么選擇呢?這個問題是因為你還沒有了解過面向?qū)ο缶幊?/p>
這個命題太過于龐大,如果你有空的話,可以讀一下我寫過的博客,希望對你有幫助
你這個做法React官方稱為Lifting State Up,因此并不是野雞行為
如果你能保證結(jié)構(gòu)的扁平(至少在大部分情況下),同時控制共享狀態(tài)的組件的規(guī)模,沒必要用redux。
只有你的組件結(jié)構(gòu)太深,或者有很多個不同層次的組件同時依賴同一個狀態(tài),才需要使用Redux。新技術(shù)是有成本的,redux的模板代碼也是廣為詬病,只有你覺得當(dāng)前的技術(shù)方案力不從心時再考慮新技術(shù)。
另外react在16.3會引入一個新的context API,redux的作者都戲稱“可以不用Redux”了,也許這個新的context API會改善你的處境
你這個時間范圍rules使用的什么表單驗證插件啊?求教~~
很清楚啊,input type不支持動態(tài),用v-if代替
<input v-if="isNewpwd" type="text" v-model='newPwd' placeholder="請輸入你的密碼"/>
<input v-else type="password" v-model='newPwd' placeholder="請輸入你的密碼"/>1.上傳完圖片調(diào)回到頁面上,或者用FileReader()把本地要上傳的圖像文件變成DataUrl直接在頁面上展現(xiàn)
var input = document.getElementById("inputArea")
var imgData = input.files[0];
var reader = new FileReader(); //調(diào)用FileReader對象
reader.readAsDataURL(imgData); //通過DataURL的方式返回圖像
reader.onload = function(e) {
var result = document.getElementById("result");
result.innerHTML = '<img src="' + e.target.result + '" alt="" />';
}
2.將圖片和你要渲染出的文字用html排版成你想要的樣子
3.用html2canvas庫將你的頁面渲染成圖片就OK了
html2canvas(document.getElementById('image'), {
onrendered: function(canvas) {
var image = canvas.toDataURL("image/png");
$("#pic").html("<img src='"+image+"' alt='from canvas'/>")
},
});北大青鳥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)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項目經(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)師。