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