一、WXML与HTML的区别
(1)标签名称
- HTML :(div、span、img、a)
- WXML : (view、text、image、navigator)
(2)属性节点不同
- HTML :
<a href="#">超链接</a> - WXML :
<navigator url="pages/index/index"></navigator>
(3)提供了类似Vue中的模板语法
- 数据绑定
- 列表渲染
- 条件渲染
二、WXSS与CSS的区别
(1)新增了RPX尺寸单位
- CSS中需要手动进行像素单位换算,例如rem
- WXSS在底层支持新的尺寸单位rpx,在不同大小的屏幕上小程序会自动进行换算
(2)提供了全局样式和局部样式
- 项目根目录中app.wxss会作用于所有小程序页面
- 局部页面中的.wxss仅对当前页面生效
(3)WXSS仅支持部分CSS选择器
- class和id选择器
- 元素选择器
- 并集选择器、后代选择器
- ::after和::before伪类选择器