微信小程序 - 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     

点我进群