小程序与浏览器页面的区别

106 阅读1分钟

一、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伪类选择器