微信小程序 - WXML语法与HTML比较
上章我们看到一个小程序的page是由 .wxml .wxss .js .json组成。
- wxml：相当于html，开发小程序的页面
- wxss：相当于css，小程序页面渲染样式
- js：实现小程序的动态方法等，包括该page的生命周期函数等
- json：用于小程序的配置
如果你已经很熟练掌握Html，那么通过下表对照就可以快速掌握小程序的基础语法了。
| html | 小程序 |
| <div></div> | <view></view> |
<h1><h2>....<h6> <p><span> | <text></text> |
<input type="text"> <input type="checkbox"> <input type="radio"> <input type="file"> | <input /> <checkbox /> <radio /> <view bindtap="changeImage"></view> |
<select> <option></option> <option></option> </select> | <picker range="{{area}}"> <view> {{area[index]}}</view> </picker> |
| <a href="#"></a> | <navigator url="#" redirect></navigator> |
| <img src=""> | <image mode="aspectFill" src=""> |
| <i class="icon"></i> | <icon></icon> |
小程序的更多帮助可以参考 小程序官方文档
有兴趣的朋友可以加我的qq群交流学习，群里有更多源码，学习资料
QQ群：741909960
- 上一篇 »php 微信小程序支付
- 下一篇 »面试题，2020微信小程序常见面试题
