HTML

WXML

微信版的html，有些许修改，但基本上只是参数名上的修改

<view></view>
<!--用于显示块类似于<head>,<body>之类的标签-->
<scroll-view scroll-y="true">
<!--滚动条的效果，x轴滚动可改为"scroll-x"-->
<swiper></swiper>
<!--轮播图的父项可以用来装<swiper-item>-->
<swiper-item></swiper-item>
<!--用于在容器内部显示轮播图，是swiper的子项可以用来装<view>项-->
<自定义名称 class="自定义名称"><\自定义名称>
<!--用于自定义元素，可以通过wxss来定义对应class的参数-->
<rich-text nodes="html语句"></rich-text>
<!--可用于使用服务器所传递的html内容-->
<button type="按钮样式" size="按钮大小" plain="true"镂空 bindtap="被绑定的函数 类似于c语句goto"></button>
<!--用于渲染一个按钮-->
<image src="图片地址 可以为图床的地址" mode="图片比例"></image>
<!--用于渲染图片-->
<input bindinput="方法名"(调用对应函数) value=(进行绑定，也可定义显示的初始值)>.<\input>

swiper参数

indicator-dots	显示轮播图的位置（第几张）
indicator-color	小圆点的颜色
indicator-active-color	激活的小圆点颜色
autoplay	自动轮播
interval	改变轮播时间单位ms
circular	衔接滑动，头尾相连

事件绑定

可通过bindtap=”对应方法名”来传递事件，该事件可用e(event)来表示可通过e.相应参数来获取对应事件的参数如上图

传参

通过对相应元素增加 data-参数名=”参数”进行传递

注意传递的是对应事件，除了通过自身事件的e.target.dataset.”参数名”可通过外部的”e.target.dataset.参数名”来访问具体如下

上面的是当前事件(currentTarget)对应的各项参数

下面是追溯到实际事件(target)获得的参数

注意：**Object** 是 JavaScript 的一种数据类型。它用于存储各种键值集合和更复杂的实体。Objects 可以通过 Object() 构造函数或者使用对象字面量的方式创建,可类似于结构体

其他参数

wx:if =”“,当if为非0时才会进行渲染对应的元素块

wx:elif，wx:else与上列并行

hidden=”“,情况为true

wx:for=”“ 用于循环遍历数组内元素

用表示其索引(下标),用表示其元素(在index索引下的元素)，对wx:for-index(或item)可对两者进行改名

也可用wx:key=”key的名字”可提高渲染效率，与数字相对应

CSS

WXSS

微信版的css

JS

alert()//用于弹出警告

console.log()//用于输出到控制台

微信小程序

data用于存储数据注意在对其赋值时应当取“:”,用等号时会白屏

//Math.random()可以生成随机数(0~1),可在后面*10生成0到10的随机数,可添加toFixed(位数)限制生成的位数

wx.request(

{

url:"网址"

method:"post"或"get"

data:{}//shu'ju

}

)

qianduan