H5 只會(huì)提供坐標(biāo)值給你,如果想要獲取精確的省市區(qū)位置,可以使用百度、高德的 api 去獲取。注意瀏覽器權(quán)限,原生的 geolocation 是無(wú)法在 http 下生效的,只能在 https 有效果。
這是我的想法,通過(guò)computed實(shí)現(xiàn),直接復(fù)制粘貼便可看到效果,希望能對(duì)你有所幫助!:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>tab</title>
</head>
<body>
<div id="app">
<ul>
<li v-for="(item,index) in reverseData">
<p>{{item.test}}</p>
</li>
</ul>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script type="text/javascript">
new Vue({
el: "#app",
data: {
list: [{
test: 1
}, {
test: 2
}, {
test: 3
}, {
test: 4
}, {
test: 5
}]
},
computed: {
reverseData() {
return this.list.reverse();
}
}
})
</script>
</body>
</html>
不懂之處,歡迎評(píng)論留言!
把你的組件再封裝一下:
export default function (props) {
return (< ExerciseDetail {...props} key={props.match.params.你的url里的最后一個(gè)參數(shù)} />)
}添加loading動(dòng)態(tài)加載,試試
v-loading="loading"這個(gè)不好用,關(guān)掉吧
可以在寫組件的時(shí)候多去考慮一下代碼的結(jié)構(gòu),精簡(jiǎn)代碼從而實(shí)現(xiàn)你想要的模塊。
升級(jí)到layerUI2.0以上的版本,直接用API控制,你會(huì)發(fā)現(xiàn)質(zhì)的飛躍
注意到的話其實(shí)2.0版本設(shè)置的并不是href而是:href,是自定義的屬性,由框架來(lái)解析。
1.0版本其實(shí)直接使用JS模板將鏈接寫入了標(biāo)準(zhǔn)HTML里的href屬性里了。
看注釋
for (n = 0; n<8; n++){
//在頁(yè)面中創(chuàng)建canvas
var oCan = document.createElement('canvas');
$("#div1").append(oCan);
var context=oCan.getContext("2d");
oCan.innerHTML = '<img src="'+ imgSrc[n]+ '" alt=""/>'; //這里是干什么用????
//imgSrc為一個(gè)圖片src的數(shù)組。
//添加圖片
var image = new Image();
image.src = imgSrc[n];
console.log(image);
image.onload = function () {
var imgHeight = this.height;
var imgWidth = this.width;
imgWidth=oCan.width;
imgHeight=oCan.height;
context.drawImage(image, 0, 0,imgWidth,imgHeight); //你把圖片始終畫在0,0位置,所有圖片全覆蓋在一起了
var imageData =context.getImageData(0, 0, imgWidth, imgHeight);
console.log(imageData.data);
} webpack-dev-server 啟動(dòng)的時(shí)候加個(gè) --history-api-fallback 就行了。
webpack-dev-server --config webpack.config.js --history-api-fallback 如果寫在模塊里面,需要require,或者import進(jìn)來(lái),除非掛載在window下
大神你這個(gè)問題解決了嗎?又換了方式實(shí)現(xiàn)的還是改的echarts代碼
可以試試 select2,
https://github.com/select2/se...
我是vue-cli架的手腳,我用swiper也是報(bào)一樣的錯(cuò)誤,用這個(gè)vue-awesome-swiper,在swiper進(jìn)行vue封裝,用起來(lái)一毛一樣 壓縮不出錯(cuò),
import { swiper, swiperSlide } from 'vue-awesome-swiper'
1.你可以寫個(gè)服務(wù)來(lái)調(diào)用這個(gè)函數(shù),
2.進(jìn)入另外一個(gè)頁(yè)面?指的是進(jìn)入另外一個(gè)路由嗎?感覺上你用路由ui-router來(lái)配置,可以解決上述所有問題。
async/await使代碼更優(yōu)雅,或者傳遞Promise
async GetDeviceType (item) {
...
let data = await sensorOperation(para);
...
}
handleEdit: function (index, row) {
...
this.GetDeviceType(row.deviceType).then(() => {
...
});不同大小類型的文件和不同網(wǎng)絡(luò)都會(huì)影響上傳速度
這是hexo的潛在Bug, 更新webpack包后即可修復(fù). npm update
我發(fā)現(xiàn)這個(gè)問題是由一個(gè)潛在的bug造成的。
合并請(qǐng)求#2461(提交5134cba)使錯(cuò)誤更容易實(shí)現(xiàn)。
為了修復(fù)這個(gè)bug,把一個(gè)正則表達(dá)式改為非貪婪的。
https://github.com/hexojs/hex...
JavaScript
diff --git a/lib/extend/tag.js b/lib/extend/tag.js
index 1222b01..372bd9c 100644
--- a/lib/extend/tag.js
+++ b/lib/extend/tag.js
@@ -62,7 +62,7 @@ Tag.prototype.render = function(str, options, callback) {
var env = this.env;
return new Promise(function(resolve, reject) {
- str = str.replace(/(?:<pre>)?<code.*>[\s\S]*?<\/code>(?:<\/pre>)?/gm, escapeContent);
+ str = str.replace(/(?:<pre>)?<code.*?>[\s\S]*?<\/code>(?:<\/pre>)?/gm, escapeContent);
env.renderString(str, options, function(err, result) {
if (err) return reject(err);
resolve(result.replace(rPlaceholder, function() {再給List<CartRedisDto>創(chuàng)建一個(gè)對(duì)象就可以解決問題
Promise.all() 并不能解決循環(huán)的問題,一般情況下 .all() 的參數(shù)是 Promise 數(shù)組(暫時(shí)不考慮其它類似)。那么,數(shù)組中的每個(gè) Promise 都代表著一個(gè)異步操作,Promise.all() 的作用是等待這些異步操作全部執(zhí)行完成,所以實(shí)質(zhì)上并不是 Promise.all() 是并發(fā)的,而是 Promise.all() 等待著一堆并發(fā)執(zhí)行完成。
因此,Promise.all() 并不能解決有序循環(huán)。作為特例,如果 Promise.all() 等待的全都是同步代碼,比如題主示例中雖然用了 .map(),映射結(jié)果卻并不是 Promise 對(duì)象,而是同步執(zhí)行(直接返回的 id),這種情況下,實(shí)際是依次執(zhí)行的完了再把結(jié)果放入 .all() 的,所以是同步順序循環(huán)處理的(就是 map 干的事情)。題主的第一段代碼,如果變量名不是 promises,你覺得它跟異步或者 Promise 有任何關(guān)系嗎?
然后當(dāng)然要指出 ajax 調(diào)用時(shí)候的一個(gè)失誤:{} 中的內(nèi)容應(yīng)該是 ajax 的參數(shù),所以應(yīng)該放在括號(hào)中 ({...}) 才對(duì)。
由于 promises 變量保存的只是一個(gè)同步運(yùn)行的結(jié)果集,所以 Promise.all(promises) 其實(shí)就是對(duì) then() 的回調(diào)直接傳遞的這個(gè)結(jié)果集,所以 val 的值實(shí)際就是 [1, 2]。因此下面這個(gè)寫法是沒有問題的
$.ajax({
data: val
});
問題在于下面這里
Promise.all(promises)
.then(function(val) {
// 問題在把 ajax 放入 then 回調(diào)中之后
$.ajax({
data: val
});
})
.catch(function(err) {
// ....
});
這里如果 ajax 發(fā)生錯(cuò)誤,它不會(huì)拋異常,而是等待它自己的 .fail() 處理,因?yàn)闆]有定義,所以就被丟棄了。它并不會(huì)傳遞到后面的 .catch() 中,要解決這個(gè)問題,可以是得用 ajax 自己的 .fail() 來(lái)處理錯(cuò)誤
Promise.all(promises)
.then(function(val) {
// 問題在把 ajax 放入 then 回調(diào)中之后
$.ajax({ data: val })
.fail(function(err) {
// 這里處理錯(cuò)誤邏輯
});
});
也可以是,直接將 ajax 的結(jié)果(thenable)傳遞下去,由 Promise 機(jī)制的 .catch() 來(lái)處理
Promise.all(promises)
.then(function(val) {
// 問題在把 ajax 放入 then 回調(diào)中之后
return $.ajax({ data: val });
})
.catch(function(err) {
// 處理錯(cuò)誤邏輯
});北大青鳥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)開發(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ū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問,美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。