程序员敲代码之微信小程序基础，微信小程序是使用JavaScript、HTML和CSS等前端技术进行开发的。具体来说，微信小程序的前端部分使用了类似于React的框架，WXMLWXSS

本文主要是介绍程序员敲代码之微信小程序基础，微信小程序是使用JavaScript、HTML和CSS等前端技术进行开发的。具体来说，微信小程序的前端部分使用了类似于React的框架，WXMLWXSS，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

w3cschool微信小程序开发文档

wx:for 也可以嵌套，下边是一个九九乘法表

<view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="i"><view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="j"><view wx:if="{{i <= j}}">{{i}} * {{j}} = {{i * j}}</view></view>
</view>

列表渲染，wx:for-items

//1
data: {array: [1, 2, 3, 4, 5]}
//2    
<block wx:if="{{true}}">
<view wx:for-items="{{array}}">{{index}} ==> {{item}}</view>
</block>

获取卡列表

 <view class="card-item" wx:if="{{myCardList.length==1}}" wx:for="{{myCardList}}" wx:for-item="cardItem"   wx:key="{{cardItem.Id}}" ><view style="background:url('{{cardItem.BgImg}}') no-repeat center; background-size:  680rpx 304rpx; height: 308rpx;"></view>
</view>

点击跳转到指定页面

============index.wxml============<view class="btn-item" bindtap="goRechargeFlow"><image src="../../images/wallet_balance.png" style="width:50rpx; height:50rpx;"></image><view class="title">余额查询</view><image class="go" src="../../images/merchant_more2.png"></image></view>============index.js============
goRechargeFlow(){wx.navigateTo({url: '/pages/np_recharge/recharge_money/recharge_money'})},

取值，赋值

				this.setData({logType:info.log_type,oweFeeDialogShow:true,is_first :1})let status = this.data.status;

发load请求

  getRechargeInfo(){let params = {tab_index : this.data.tab_index}app.load(app.globalData.getRechargeInfo,params).then(res => {});},

这篇关于程序员敲代码之微信小程序基础，微信小程序是使用JavaScript、HTML和CSS等前端技术进行开发的。具体来说，微信小程序的前端部分使用了类似于React的框架，WXMLWXSS的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---