你把HTML代碼貼出來和把業(yè)務(wù)邏輯說明白,比看你寫的代碼好理解得多。
https://github.com/anran758/F...
試試這個..
經(jīng)評論區(qū)小伙伴提醒..對小數(shù)點進(jìn)行了容錯,正則只取整數(shù)部分..
function numberWithCommas(n) {
// 正則解釋: 匹配到 \B(非單詞邊界)后, 后面要匹配到 (\d{3})+(?!\d)
// (\d{3})+ 至少匹配到一次或多次三個數(shù)字
// (?!\d) 同時后面不是數(shù)字的話, 就匹配.
// 注意, 后面的(?=)那一段代碼只是判斷的規(guī)則, 匹配到后只替換掉\B
// 而\B 元字符匹配的是非單詞邊界
let num = n.toString().split('.');
num[0] = num[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return num.join('.');
}
console.log(numberWithCommas(12345678912.1234)) // "12,345,678,912.1234"你試下這個例子:
html:
<div>
<video ref="video" width="320" height="320" autoplay></video>
<input type="button" style="width:100px;height:35px;" value="拍 照" @click="takePhoto"/>
</di>
<canvas style="" ref="canvas" width="320" height="320"></canvas>
</div>
主要的js:
getVideo(){
this.$nextTick(() => {
var video = this.$refs.video; //這個對應(yīng)的是ref屬性
var videoObj = { "video": true };
navigator.mediaDevices.getUserMedia(videoObj)
.then(function(mediaStream) {
video.srcObject = mediaStream;
video.play();
})
.catch(function(error) {
console.log(error);
})
})
},
takePhoto(){
this.$nextTick(() => {
this.context = this.$refs.canvas.getContext("2d")
this.context.drawImage(this.$refs.video, 0, 0, 330, 250);
})
}
如果需要click事件還是用@click形式吧。。
換個思路,可以把數(shù)組的第一個全部截取出來,從數(shù)據(jù)這邊改變
.css 文件loader也要配置啊。
css: 'vue-style-loader!css-loader'是不是css選擇器優(yōu)先級的問題,嘗試加一個!important,同時css不要放在帶有scope 屬性的style標(biāo)簽內(nèi)
:active吧, 手指點擊時的效果 話說移動端要個毛的hover啊...
你這個問題和fastjson沒太大關(guān)系
1.你需要現(xiàn)保證后臺的數(shù)據(jù)能傳到前臺,比如console.info(xxx)能打印出來
2.第一步搞定后,再把你的對象搞成你的業(yè)務(wù)數(shù)據(jù),就是那個json形式的字符串,剩下的就是前段的json數(shù)據(jù)處理了
加油,你行滴!
下載到本地直接import引入這個js不行嗎
包裝類型了解下
這種情況要從業(yè)務(wù)邏輯入手。一方面,是不是真的所有的內(nèi)容都要加載完才能進(jìn)入下一步,把那些加載慢的放下一批可否?另一方面,隊列是不是更合適,因為可以不斷給出反饋?
或者你需要的是 Promise.race()?
http://jsrun.net/ISgKp/edit 之前寫過一個,找不到了。就先用這個看吧。等找到了再放出來
你的思路很清奇啊小伙子。。你在mounted里調(diào)用肯定沒用啊,光循環(huán)這個函數(shù),跟 UI 上綁定的數(shù)據(jù)一點關(guān)系都沒有好吧大兄弟,幫你捋一下,你是想過一秒就刷一下 comment 里的時間轉(zhuǎn)成字符串,里邊東西變了,ui 自然會變的,這樣寫:
{
data() {
return {
_comments: []
}
},
methods:{
...mapState({
comments:state=>state.comments
}),
_updateTimeString() {
this._comments = [];
this.comments.forEach(item => {
let duration = (+new Date() - item.dataTime) / 1000;
let timeStr = duration > 60?`${Math.round(duration/60)}分鐘前 `:`${Math.round(duration)}秒前`;
this._comments.push({
...item,
timeStr
});
})
}
},
mounted(){
this.timer = setInterval(this._updateTimeString,1000)
}
}
然后界面渲染用 _comments,時間幫你用另外一個 key 存儲了,timeStr
你試下myChart.setOption(option,true)
是不是你想要的效果
es6 的解構(gòu)賦值
ES6 的class可以看作只是一個語法糖
//定義類
class Point {
constructor(x, y) {
this.x = x;
this.y = y;
}
toString() {
return '(' + this.x + ', ' + this.y + ')';
}
}
與下列方式等價
function Point(x, y) {
this.x = x;
this.y = y;
}
Point.prototype.toString = function () {
return '(' + this.x + ', ' + this.y + ')';
};北大青鳥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)機構(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)師。