今天我們來學(xué)習(xí)微信小程序的更多內(nèi)容。
- wxss（微信樣式表）
1.微信的樣式和css普通頁面幾乎也一樣
2.微信里面的750rpx等于當(dāng)前屏幕的寬
3.app.wxss樣式是全局的
4.頁面.wxss是只對當(dāng)前頁面有效
- 網(wǎng)絡(luò)請求
wx.request
- 下拉刷新
1.onPullDownRefresh() // 業(yè)務(wù)邏輯刷新
2.wx.stopPullDownRefresh() // 停止下拉刷新
配置
1."backgroundColor":"#f30" // 下拉刷新背景顏色
2."backgroundTextStyle":"light" // 下拉刷新加載提示顏色 light/dark
3."enablePullDownRefresh":true // 允許下拉刷新
- 加載提示
1.wx.showLoading
2.wx.showToast
1).title 標(biāo)題
2).icon 圖標(biāo)
3).duration 持續(xù)時間
- 數(shù)組方法
a.concat(b) 把a(bǔ)數(shù)組和b數(shù)組合并
- 本地存儲
1.getStorage
1).key
2).success 成功
3).fail 失敗
2.setStorage
1).key
2).value 不需要轉(zhuǎn)字符串
- 頁面間跳轉(zhuǎn)
1.標(biāo)簽跳轉(zhuǎn) navigator
1.url跳轉(zhuǎn)的地址 url="/pages/index/index"
2.open-type 跳轉(zhuǎn)的類型
1).redirect 重定向（跳轉(zhuǎn)過后頁面沒有返回箭頭）不會留下歷史記錄（跳轉(zhuǎn)過后不能通過返回到這個頁面）
2).navigateBack 返回
2.代碼跳轉(zhuǎn)
// navigateTo
wx.navigateTo({
url:'/pages/index/index',
})
// redirectTo
wx.redirectTo({
url:'/pages/index/index',
})
3.tabs 底部欄
1.app.json 配置tabBar
2.navigator open-type="switchTab"
3.wx.switchTab({
url:'/pages/index/index',
})
4.頁面?zhèn)鲄?/p>
url="/pages/news/news?id=abc&age=18"
- 小程序的生命周期
1.onLoad 頁面加載 ---獲取頁面的參數(shù) options
2.onReady 頁面渲染
3.onShow 頁面顯示
4.onHide 頁面隱藏
5.onUnload 頁面卸載 ---當(dāng)重定向 redirect 該頁面會被卸載
6.層級關(guān)系
A-B-C-D-E
當(dāng)?shù)竭_(dá)E頁面時候ABCD都會被緩存起來 最多緩存5個頁面
單擊返回就會回到上一層頁面
7.在緩存時，最多緩存5個，當(dāng)用redirect 該頁面不會被緩存
1).wx.navigateTo會增加頁面棧大小，直到頁面棧大小為5
2).wx.redirectTo不會增加頁面棧大小
3).wx.navigateBack會增加頁面棧大小，直到頁面棧大小為1
- scroll-view 可滾動視圖區(qū)域
scroll-x 允許橫向滾動
scroll-left 設(shè)置橫向滾動條位置 scroll-left="{{scrollLeft}}"
scroll-into-view 值應(yīng)為某子元素id（id不能以數(shù)字開頭）。設(shè)置哪個方向可滾動，則在哪個方向滾動到該元素
- swiper 滑塊視圖容器
autoplay 是否自動切換 autoplay="{{true}}"
indicator-dots 是否顯示面板指示點(diǎn) indicator-dots="{{true}}"
indicator-active-color 當(dāng)前選中的指示點(diǎn)顏色 indicator-active-color="#f30"
interval 自動切換時間間隔
duration 滑動動畫時長
- 地理位置
我們需要訪問百度地圖API，在控制臺界面，創(chuàng)建應(yīng)用，獲取AK（訪問應(yīng)用），復(fù)制秘鑰粘貼到項目中。具體操作步驟可以參考微信小程序JavaScript API文檔，大家不妨試一試，真的很方便！
好了，今天的分享就到這里了！
愿你三冬暖，愿你春不寒；愿你天黑有燈，下雨有傘。
