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