wxml的列表渲染

447 未经授权,禁止转载了解课程
课程介绍
讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}
适合人群
一、微信小程序前端开发人员 二、微信小程序全栈开发人员 三、微信小程序开发相关人员
你将会学到
掌握微信小程序WXML基本语法以及常用组件(属性+事件)实战技能,为后续项目实战打下根基
课程简介

本课程通过如下:

一、课程简介及部署插件

1.1、课程简介

1.2、微信开发工具配置编辑器插件

二、WXML基础知识

2.1、wxml+wxss+js三者之间的关系

2.2、wxml的定义与标签样式

2.3、wxml的通用属性与专用属性

2.4、wxml的数据绑定

2.5、wxml的条件渲染

2.6、wxml的列表渲染

三、实战-基础组件

3.1、实战-视图容器 view

3.2、实战-可滚动视图区域 scroll-view

3.3、实战-滑块视图容器 swiper

3.4、实战-图标 icon

3.5、实战-文本 text

3.6、实战-进度条 progress

四、实战-表单组件

4.1、实战- 按钮 button

4.2、实战-标签 label

4.3、实战-多项选择器 checkbox 

4.4、实战-单选选择器 radio

4.5、实战-输入框 input

4.6、实战-多行输入框 textarea

4.7、实战-普通滚动选择器 picker

4.8、实战-时间滚动选择器 picker

4.9、实战-日期滚动选择器 picker

4.10、实战-省市区滚动选择器 picker

4.11、实战-嵌入页面的滚动选择器 picker-view

4.12、实战-滑动选择器 slider 

4.13、实战-开关选择器 switch

4.14、实战-表单 form

五、实战-媒体组件

5.1、实战-图片 image

六、实战-其他组件

6.1、实战-页面导航 navigator

6.2、实战-网页容器 web-view 

      以知识点+实例演练的讲解方式,掌握微信小程序WXML基本语法知识以及常用组件(属性+事件)实战技能,为后续的项目实战打下根基。


实战套餐一:微信小程序开发系列-基础实战篇

https://edu.51cto.com/topic/6128.html


1.png

11.png

12.png

13.png

14.png

展开更多
发布
头像

{{ item.user.nick_name }} {{ EROLE_NAME[item.user.identity] }}

置顶笔记
讨论图
{{ item.create_time }}回复
  • 删除

    是否确认删除?

    确认
    取消
  • {{ item.is_top == 1 ? '取消置顶' : '置顶'}}

    已有置顶的讨论,是否替换已有的置顶?

    确认
    取消
{{ tag.text}}
头像
{{ subitem.user.nick_name }}{{ EROLE_NAME[subitem.user.identity] }}
{{ subitem.create_time }}回复
删除

是否确认删除?

确认
取消
发布
{{pageType === 'video' ? '讨论区抢占沙发,可获得双倍学分' :'讨论区空空如也,你来讲两句~'}}
发布
{{tips.text}}
{{ noteHeaderTitle }} 笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
头像
{{ detail.username }}

公开笔记对他人可见,有机会被管理员评为“优质笔记”

{{ noteEditor.content.length }}/2000

公开笔记
保存
提问

讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。

记录时间点
记录提问时视频播放的时间点,便于后续查看
公开提问
提交