1.什么是WXML
WXML (Weixin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的 HTML。
2.WXML和HTML的区别
2.1、标签名称不同
HTML ( div, span, img, a) wXML ( view, text, image, navigator)
2.2、属性节点不同
<a href="#">超链接< /a> <navigator url="/pages/home/home"> </navigator>
2.3、提供了类似于vue中的模板语法
数据绑定 列表渲染 条件渲染
3.什么是WXSS
wxss(Weixin Style Sheets)是一套样式语言,用于描述wXML的组件样式,类似于网页开发中的CSS。
4.WXSS和CSS的区别
4.1、新增了rpx尺寸单位
CSS中需要手动进行像素单位换算,例如rem wXSS在底层支持新的尺寸单位rpx,在不同大小的屏幕上小程序会自动进行换算
4.2、提供了全局的样式和局部样式
项目根目录中的app.wxss 会作用于所有小程序页面 局部页面的.WXSS 样式仅对当前页面生效
4.3、WXSS仅支持部分CSS选择器
.class 和#id element 并集选择器、后代选择器 ::after和 ::before 等伪类选择器