今天开始我们一起学习小程序的WXML微信标记语言和视觉组件，我们先来了解下必须了解的定义：
概念解释
小程序分为视图层和逻辑层，视图层使我们在手机上打开小程序时呈现的界面外观样式等，直接可见的物体都属于视图层。逻辑层是用来与视图层产生交互，比如用户按下按钮小程序做出相应的反应，中间的逻辑及数据传输处理都在逻辑层进行，用户看不到这些处理过程。
2024年07月23日
今天开始我们一起学习小程序的WXML微信标记语言和视觉组件，我们先来了解下必须了解的定义：
小程序分为视图层和逻辑层，视图层使我们在手机上打开小程序时呈现的界面外观样式等，直接可见的物体都属于视图层。逻辑层是用来与视图层产生交互，比如用户按下按钮小程序做出相应的反应，中间的逻辑及数据传输处理都在逻辑层进行，用户看不到这些处理过程。
2024年07月23日
https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/#小程序简介
2024年07月23日
所在项目组没有前端，所有同事均为后端RD，最近机缘巧合协助其他部门开发一个小程序（七牛财富-快讯），需要独自前后端一起开发，开发完成项目后编写此wiki进行开发总结，本文仅起到从0到0.1简单介绍一下小程序框架的入门作用，若有疏漏错误之处万望指出。
2024年07月23日
接下来为创建的投票页面添加一个“添加选项”的功能。需要用户输入文字，应该使用input组件。头投票的数量是不确定的，面对不确定数量的组件的情况时，可以使用wx:for属性对组件进行列表渲染。
2024年07月23日
简单绑定
<!--xml重就这样写--><view> {{ message }} </view><!--js中就为message赋值-->Page({
2024年07月23日
小程序是一个安卓和苹果平台的解决方案，但是呢难免我们需要给两个平台做一些区别的功能，下面跟着我一起看看如何给不同的平台定制功能。
核心：
条件渲染—wx:if （主要配合api来判断设备系统，再加载相关内容）
2024年07月23日
数据绑定使用Mustache（双大括号）将变量包起来，如下：
<view>{{ message }}</view>
而变量message在对应*.js文件中Page对象中进行设置，如下：
2024年07月23日
1、页面部分代码
<view class="new-list" wx:for="{{videoList}}" wx:for-index="i" wx:for-item="item" wx:key="i">
<view class="video-wrap">
<!-- 视频展示海报，先不去显示video ,通过点击海报，显示当前的video标签，播放当前的视频，这样做的目的是节流，一开始加载很多video 标签的话会加载很慢，有点卡顿，所以点击哪个就是显示哪个video标签，再去加载当前标签视频资源 -->
<view
class="video-wrap-img"
wx:if="{{!item['isPlay']}}"
data-id="id_{{item.data.id}}"
data-index="{{i}}"
bindtap="playVideo"
>
<!-- 海报 -->
<image
class="poster"
src="{{item.data.cover.feed}}">
</image>
</view>
<!-- 视频 -->
<video class="video" wx:if="{{item['isPlay']}}"
show-play-btn="{{true}}"
controls="{{true}}"
autoplay="{{true}}"
duration="{{item.data.duration}}"
bindplay="handlePlay"
src="{{item.data.playUrl}}"
id="id_{{item.data.id}}"></video>
</view>
</view>