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

点我进群

微信小程序 - WXML语法与HTML比较相关推荐

微信小程序WXML语法介绍
WXML 介绍全称是 WeiXin Markup Language,是小程序框架设计的一套标签语言,结合小程序的基础组件.事件系统,可以构建出页面的结构. 打开开发工具的编辑器,在根目录下找到 ap ...
微信小程序-WXML转换类型
微信小程序-WXML转换类型情景:需要在WXML中把字符串转化成数字类型解决:引入WXS wxs是小程序的一套脚本语言,结合wxml,可以构建出页面的结构. wxs不依赖于运行时的基础库版本,可以 ...
微信小程序基础语法
微信小程序基础语法官网:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/ .wxml文件中列表渲染 <view ...
微信小程序C语言通讯录,微信小程序のwxml列表渲染
列表渲染存在的意义以电商为例,我们希望渲染5个商品,而又希望容易改变,我们就要在wxml中动态添加. {{index+1}}:{{item.name}} Page({ data: { message ...
微信小程序基本语法介绍
我们用了一定的篇幅介绍了一下小程序的全局语法,包括app.json的配置,app.js的语法及全局样式app.wxss的配置.本节我们就介绍一下页面的具体语法. 页面组成小程序是由一个个页面组成的, ...
微信小程序 - WXML 模板语法 - 条件渲染
1.wx:if (1)在微信小程序中,使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块: <view wx:if="{{conditio ...
微信小程序wxml和wxss样式
对于css不熟悉的android程序员来说,开发微信小程序面临的一个比较困难的问题就是界面的排版了.微信小程序的排版就跟wxml和wxss有关了,它们两者相当于android的布局文件,其中wxml指 ...
微信小程序——基本语法
WXML语法 WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构. 数据绑定 <!--数据绑定使用 Mustache ...
微信小程序插值语法和数组变量检测踩过的坑
引言微信小程序用的是vue,但是又不同于vue,这就导致我们容易基于vue的思维来踩坑插值语法我当时尝试在wxml文件给插值语法的数据调用js内部的方法,但是显示的却是NAN,我查了一下,发现w ...
wxml修改样式_微信小程序wxml和wxss样式
对于css不熟悉的Android程序员来说,开发微信小程序面临的一个比较困难的问题就是界面的排版了.微信小程序的排版就跟wxml和wxss有关了,它们两者相当于android的布局文件,其中wxml指 ...

微信小程序 - WXML语法与HTML比较

微信小程序 - WXML语法与HTML比较相关推荐

最新文章

热门文章