微信小程序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 和 CSS 的区别

① 新增了rpx 尺寸单位

• CSS 中需要手动进行像素单位换算，例如rem

• WXSS 在底层支持新的尺寸单位rpx，在不同大小的屏幕上小程序会自动进行换算

② 提供了全局的样式和局部样式

• 项目根目录中的 app.wxss 会作用于所有小程序页面

• 局部页面的.WXSS样式仅对当前页面生效

③ WXSS 仅支持部分CSS选择器

• .class #I #id

• element

• 并集选择器、后代选择器

• ::after 和::before 等伪类选择器