微信小程序（沧海一笑）

1.微信小程序简介：

微信小程序实际上就是类似于网页，有前端开发经验的人，几乎可以 0 门槛进行开发。
但是他相对网页，可以调用类似于摄像头，指纹，等非常丰富的 API。
微信程序是不分安卓系统和苹果系统。

2.View 标签 text 标签

<!--pages/test/test.wxml-->
<view>这个是View</view>
<view>这个是View</view>
<view>这个是View</view>

<text>这个是text</text>

<!-- 加上 selectable是可选的 -->
<text selectable>这个是text</text>
<view>这个是分开的</view>
<text decode>这个 &ensp; 是text</text>
<text decode>这个是全中文的空格 &emsp; 是text</text>
<text decode> &lt,&gt;</text>
<view space="nbsp">你好  世界 </view>
<text space="nbsp">有多收空格都会等价出来       世界</text>
<view>*************</view>
<block>这个是Block 标签</block>

2. check控件

<view>下边是多选</view>
<checkbox>男</checkbox>
<checkbox>女</checkbox>

<view>下边是单选</view>
<radio-group>
<radio>男</radio>
<radio>女</radio>
</radio-group>

<text>请输入姓名</text><input></input>
<text>输入电话号码</text><input type="number">默认就是文本，如果是数字的话,要另外声明</input>
<text>身份证号</text><input type="idcard">输入身份证号</input>
<text>可以输入小数点</text><input type="digit"></input>
<input placeholder="请输入密码" placeholder-style="color:red" placeholder-class="textstyle"></input>

效果图：

3. button 控件

<button>这个是个按钮</button>
<button type="primary">这个是个按钮</button>
<button type="default">这个是个按钮</button>
<button type="warn">这个是个按钮</button>


<form bindsubmit="" bindreset="">
<button form-type="submit">提交按钮</button>
<button form-type="reset">重置按钮</button>
</form>


<button bindtap="clickMe">点击我</button>
<button bindlongtap="longClickMe">长长的点击我</button>
<input bindinput="changeinput">我要改变了</input> 

<input bindblur="lostFocus" bindfocus="getFocus"></input>

效果图：

参考文献：