line-heigth: 50rpx;
7.設(shè)置分割線
border-bottom: 1px solid #e4e4e4;
8. 居中布局的一種方式
margin: 0 auto;
9. 垂直居中
三、微信官方 API
========================================================================
3.1 普通接口
3.1.1 修改當(dāng)前界面的標(biāo)題
wx.setNavigationBarTitle({
title: “”,
})
3.1.2 加載響應(yīng)，。。。
wx.showLoading({
title: ‘正在發(fā)表中。。。?！?
})
// 一般某個(gè)任務(wù)執(zhí)行完之后，就要把加載隱藏
wx.hideLoading();
3.1.3 界面跳轉(zhuǎn)
//跳轉(zhuǎn)到某一個(gè)頁(yè)面
wx.navigateTo({
url: ‘’,
})
//回到上一頁(yè)
wx.navigateBack({});
3.1.4 自動(dòng)跳轉(zhuǎn)到頁(yè)面的首行（在onShow中執(zhí)行）
wx.pageScrollTo({
scrollTop: 0,
})
3.1.5 自定義組件，數(shù)據(jù)渲染出現(xiàn)問題
observer(newVal, oldVal, changedPath) {
// 屬性被改變時(shí)執(zhí)行的函數(shù)（可選），也可以寫成在methods段中定義的方法名字符串, 如：‘_propertyChange’
// 通常 newVal 就是新設(shè)置的數(shù)據(jù)， oldVal 是舊數(shù)據(jù)
}
3.1.6 延時(shí)函數(shù)
延時(shí) 1000 ms，即1s
setTimeout(()=>{
//方法體
},1000);
3.1.7 某一任務(wù)執(zhí)行成功，即顯示相對(duì)應(yīng)的文字
wx.showToast({
title: ‘發(fā)送成功’,
});
3.2 云開發(fā)接口
3.2.1 操作云函數(shù)數(shù)據(jù)庫(kù)
在 index.js 中的 Page 之前加入全局變量
const db = wx.cloud.database();
Page({
nonono : function()
{
db.collection(“云函數(shù)你創(chuàng)建集合的名稱”).bulabula
//這里就是對(duì)云數(shù)據(jù)庫(kù)的集合相關(guān)操作了
},
})
3.2.2 完成微信授權(quán)的功能
在 app.js 中寫好相對(duì)應(yīng)的 授權(quán)功能函數(shù)，
eg：
//獲取用戶授權(quán)
loadUserInfo:function(){
const that = this;
wx.getSetting({
success: res =>{
const isUserInfo = res.authSetting[‘scope.userInfo’];
if(isUserInfo){
wx.getUserInfo({
success:res => {
console.log(res);
const userInfo = res.userInfo;
that.globalData.userInfo = userInfo;
}
})
}
}
})
},
然后回到 index.js 中，還是和上面一樣，在Page 前面
// 獲取 app.js 中手機(jī)的相關(guān)信息
const app = getApp();
//然后后面就可以直接通過 app 調(diào)用 app.js中寫下的方法，這是一個(gè)獲取個(gè)人姓名的接口實(shí)現(xiàn)
const author = app.globalData.userInfo;
四、wx:key 解決方案
===========================================================================
wx:key 是為了提高循環(huán)效率而出現(xiàn)了，給它的值，只要是循環(huán)元素中的唯一的標(biāo)識(shí)符就可以了
1. 字符串類型的循環(huán)
wx:key=“{{this}}”
五、常用代碼塊梳理
=======================================================================
5.1 獲取手機(jī)的設(shè)備信息
同步獲取手機(jī)信息
在 index.js 下實(shí)現(xiàn)
onLoad: function (options) {
this.initImageSize()
},
initImageSize:function(){
const windowWidth = wx.getSystemInfoSync().windowWidth;//獲取手機(jī)的寬度
console.log(windowWidth)
},
5.2 延時(shí)函數(shù)
延時(shí) 0.8 秒，以毫秒為單位
setTimeout(function(){
},800)
六、特殊組件的實(shí)現(xiàn)
=======================================================================
6.1 在當(dāng)前界面實(shí)現(xiàn)一個(gè)按鈕組件
先看圖
index.wxml
自我介紹一下，小編13年上海交大畢業(yè)，曾經(jīng)在小公司待過，也去過華為、OPPO等大廠，18年進(jìn)入阿里一直到現(xiàn)在。
深知大多數(shù)Java工程師，想要提升技能，往往是自己摸索成長(zhǎng)或者是報(bào)班學(xué)習(xí)，但對(duì)于培訓(xùn)機(jī)構(gòu)動(dòng)則幾千的學(xué)費(fèi)，著實(shí)壓力不小。自己不成體系的自學(xué)效果低效又漫長(zhǎng)，而且極易碰到天花板技術(shù)停滯不前！
因此收集整理了一份《2024年Java開發(fā)全套學(xué)習(xí)資料》，初衷也很簡(jiǎn)單，就是希望能夠幫助到想自學(xué)提升又不知道該從何學(xué)起的朋友，同時(shí)減輕大家的負(fù)擔(dān)。
既有適合小白學(xué)習(xí)的零基礎(chǔ)資料，也有適合3年以上經(jīng)驗(yàn)的小伙伴深入學(xué)習(xí)提升的進(jìn)階課程，基本涵蓋了95%以上Java開發(fā)知識(shí)點(diǎn)，真正體系化！
由于文件比較大，這里只是將部分目錄截圖出來，每個(gè)節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻，并且會(huì)持續(xù)更新！
如果你覺得這些內(nèi)容對(duì)你有幫助，可以掃碼獲?。。。▊渥ava獲取）
最后
《一線大廠Java面試題解析+核心總結(jié)學(xué)習(xí)筆記+最新講解視頻+實(shí)戰(zhàn)項(xiàng)目源碼》，點(diǎn)擊傳送門即可獲取！
礎(chǔ)資料，也有適合3年以上經(jīng)驗(yàn)的小伙伴深入學(xué)習(xí)提升的進(jìn)階課程，基本涵蓋了95%以上Java開發(fā)知識(shí)點(diǎn)，真正體系化！**
由于文件比較大，這里只是將部分目錄截圖出來，每個(gè)節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻，并且會(huì)持續(xù)更新！
如果你覺得這些內(nèi)容對(duì)你有幫助，可以掃碼獲?。。。▊渥ava獲?。?/strong>
最后
[外鏈圖片轉(zhuǎn)存中…(img-1nirT7Dk-1712442624253)]文章來源：http://www.zghlxwxcb.cn/news/detail-852264.html
《一線大廠Java面試題解析+核心總結(jié)學(xué)習(xí)筆記+最新講解視頻+實(shí)戰(zhàn)項(xiàng)目源碼》，點(diǎn)擊傳送門即可獲取！文章來源地址http://www.zghlxwxcb.cn/news/detail-852264.html
到了這里，關(guān)于手把手帶你學(xué)習(xí)微信小程序 —— （微信小程序常用代碼塊）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
