晋中学院信息技术与工程系欢迎您!
科学研究
当前位置:首页 > >科学研究
信息技术与工程系学生科研团队建设
2023-12-20 12:44

202312月,信息技术与工程系学生科研团队成立以来,每一位成员表现都非常优秀,积极向上。

在新的一周里,团队成员的学习内容是小程序列表视图循环控制,列表视图循环包括wx:for、wx:for-items、wx:for-item三剑客。在代码中,控制语句是必不可少的,for循环可以减少代码量,if语句可以实现条件判断。在小程序中,同样可以用类似的方式来优化他们的代码。

wx:for用于单纯的数组循环,一般数组的元素是数字或字符;wx:for-items用于复杂的循环,子元素可以是包含多个属性的对象,如果未设置wx:for-items,则可以在循环中直接通过{{item.属性名}}来访问子元素的属性值;wx:for-item一般结合wx:for-items使用,相当于给子元素起别名,如果设置wx:for-item=‘aName’,则可以在循环中通过{{aName.属性名}}来访问子元素的属性值。 

代码实现是在js 中对页面内容定义各种数据构成一个对象数组,通过在wxml中对页面进行渲染,将绑定的数据输出到视图中,最后在wxss中对页面元素进行布局。在微信小程序中使用for循环对列表进行渲染非常方便而且很灵活,需要团队成员去理解item和index两个循环控制变量以及wx:for属性。另外对页面元素的调整布局也很重要,要让页面看起来美观。

版权所有 晋中学院物理与电子工程系 | Copyright 2020 Jinzhong University Computer Science and technology department.