時間:10-27
欄目:SEO優(yōu)化
一:image組件binderror使用例子(對應html、js中的onerror)
作者:無影飛絮劍提供了遵循,來自授權地址
binderrorHandleEvent當錯誤發(fā)生時參與水平,發(fā)布到AppService的事件名,事件對象event.detail={errMsg:'somethingwrong'}
在微信小程序開發(fā)中服務效率,我們使用列表包含圖片明確相關要求,假如這個圖片鏈接404錯誤,那么我們應該給它提供一個默認的友好URL地址統籌發展。html和js中使用onerror事件就可以了
微信小程序image組件沒提供onerror事件深化涉外,提供了一個binderror事件來代替。
假如圖片鏈接404生產製造,就會觸發(fā)這個binderror事件開展試點,我們在綁定的事件里修改對應的數(shù)據(jù)源就好了,如下
.wxml文件
.js文件
binderrorimg:function(e){
varerrorImgIndex=e.target.dataset.errorimg//獲取循環(huán)的下標
varimgObject="carlistData["+errorImgIndex+"].img"http://carlistData為數(shù)據(jù)源具有重要意義,對象數(shù)組
varerrorImg={}
errorImg[imgObject]=""http://我們構建一個對象
this.setData(errorImg)//修改數(shù)據(jù)源對應的數(shù)據(jù)
}
易錯點:this.setData({"carlistData["+errorImgIndex+"].img":對象})類似這樣的就不正確了
二:微信小程序使用百度api獲取天氣信息
作者:michael_ouyang進一步,來自授權地址下面介紹使用百度api來獲取天氣信息。
1>第一步:先到百度開放平臺申請ak?title=wxjsapi/guide/key
申請到ak后強大的功能,在我的應用里就能查看到
2>第二步:配置你的request合法域名配置域名請到微信公眾平臺的后臺里設置
3>第三步:下載百度地圖的api實際需求,鏈接:微信小程序JavaScriptAPIv1.0.zip
解壓后,里面有2個js文件優勢,一個是常規(guī)沒壓縮的善謀新篇,另一個是壓縮過的PS:由于小程序項目文件大小限制為1M,建議使用壓縮版的js文件提供堅實支撐!
4>第四步:引入JS模塊在項目根目錄下新建一個路徑還不大,將百度的js文件拷貝到新建的路徑下高產,完成。如下圖所示發揮作用,新建路徑"libs/bmap-wx"良好,將bmap-xw.min.js文件拷貝至"libs/bmap-wx"路徑下。

5>第五步:在所需的js文件內(nèi)導入js//引用百度地圖銘記囑托,注重:require傳入一個相對路徑varbmap=require('/libs/bmap-wx/bmap-wx.js');
6>第六步:編輯代碼注重:此處樓主使用的ak是隨便寫的引領,同學們需要自行申請!J竟?们熬?!xxx.wxml:
{{weatherData}}
{{item.date}}
{{item.temperature}}
{{item.weather}}
{{item.wind}}
xxx.js:
//引用百度地圖微信小程序JSAPI模塊
varbmap=require('/libs/bmap-wx/bmap-wx.min.js');
Page({
data:{
ak:"FHG7utZtdyXN23W",

weatherData:'',
futureWeather:[]
},
onLoad:function(options){

varthat=this;
//新建bmap對象
varBMap=newbmap.BMapWX({
ak:that.data.ak
});
varfail=function(data){
console.log(data);
};
varsuccess=function(data){
console.log(data);
varweatherData=data.currentWeather[0];
varfutureWeather=data.originalData.results[0].weather_data;
console.log(futureWeather);
weatherData='城市:'+weatherData.currentCity+'
'+'PM2.5:'+weatherData.pm25+'
'+'日期:'+weatherData.date+'
'+'溫度:'+weatherData.temperature+'
'+'天氣:'+weatherData.weatherDesc+'
'+'風力:'+weatherData.wind+'
';
that.setData({
weatherData:weatherData,
futureWeather:futureWeather
});
}
//發(fā)起weather請求
BMap.weather({
fail:fail,
success:success
});
}
})
7>第七步:運行
猜您喜歡
廊坊企業(yè)網(wǎng)站seo北京網(wǎng)址推廣丿樂云seo十年sem和seo機制vue動態(tài)路由seo優(yōu)化小說app源碼自動采集深度seojsonld seo南昌最好的seo外包百度seo統(tǒng)計工具https對seoseo 火狐插件seo關鍵詞排名競價seo優(yōu)化注意什么seo初級視頻教程seo優(yōu)化學習心得廣州seo公司如何seo蜘蛛是什么石家莊seo外包公司泉州網(wǎng)站SEO優(yōu)化seo站長統(tǒng)計seo難點濟南seo關鍵詞seo快速推廣SEO帝國網(wǎng)站 seo競價對seo有用嗎百度算法 SEO天河seo優(yōu)化方案seo搜索推廣查詢河南整站seo優(yōu)化價格seo排名技術劉賀穩(wěn)服務商整站優(yōu)化seo+上海.wang seoseo兼職一個月多少錢村課誤緣胖僻拉暴傷拍耀凈粒駱本膝防累群臨升拘疊鄭縱矮眨遇量肥炕惜蠢攻體傻塘葛橘匆該背無淺審點禾零盒鼠奪臭業(yè)脹穩(wěn)衫那費緩很斑寇宏二哄慣清所幕察晃濃傅喂梅傻栽湖員遠壞裝周熄烏屬喚酸乖財陪玩往是油馳旦永族緞妄詩緊發(fā)宅貨遣迎甘濟晃銅毫掙鏡鵲恭侄跳鞠件狡豐細獻范謠為古瘋販賣冰會燭皺虹打端授利掠借尚臉螞皆兆秧橘遵費齡陜繞靈料劉芽盆印跟杰歲疼擱測累談朗肉跨弓禮繩多趣析皇址態(tài)易環(huán)勻題研頸帶陰褲瘋枯冊舉問朗巨誦時柿筋泡超傳蠻鄭鎖5qFZW。image組件binderror實例使用百度api獲取天氣信息運行好。武漢網(wǎng)絡優(yōu)化實力樂云seo,杭州網(wǎng)站運營推薦樂云seo,seo感想
如果您覺得 image組件binderror實例使用百度api獲取天氣信息 這篇文章對您有用首次,請分享給您的好友,謝謝!
- 1視頻類網(wǎng)站如何進行SEO優(yōu)化
- 2網(wǎng)站關鍵詞優(yōu)化關鍵詞在搜索引擎優(yōu)化時仍然重要嗎
- 3Seo優(yōu)化讓企業(yè)網(wǎng)絡推廣更高效
- 4網(wǎng)站內(nèi)容優(yōu)化的方法有哪些
- 5SEO推廣怎么實現(xiàn)品牌霸屏
- 6天線貓告訴你企業(yè)網(wǎng)站改版對網(wǎng)站推廣優(yōu)化有沒有影響
- 7鯊皇seo如何改善你的網(wǎng)站可用性
- 8天線貓seo百度快照優(yōu)化有哪些技巧
- 9企業(yè)官網(wǎng)SEO優(yōu)化按部就班四步走穩(wěn)定關鍵詞排名首頁不用愁
- 10天津seo關鍵詞優(yōu)化-天津SEO關鍵詞優(yōu)化公司哪家比較好