一、什么是WXML
WXML（WeiXin Markup Language）是一套标签语言，结合基础组件、事件系统，我们可以构建出页面的结构，类似网页开发中的HTML。在 WXML 文件中，开发者可以在组件（微信小程序中将“标签”称为“组件”）上定义特定的事件。当事件触发时，微信小程序就会执行逻辑层中对应的事件处理函数，来完成页面与用户的通信。
1.WXML与HTML区别
开发工具限制：WXML仅能在微信小程序开发工具中预览，而HTML可以在浏览器内预览。
组件封装不同：WXML对组件进行了重新封装，为后续的性能优化提供了可能，同时避免开发者写出低质量的代码。
没有DOM树：小程序运行在JS Core内，没有DOM树和window对象，没有办法使用相关API。
二、什么是WXSS
WXSS(Weixin Style Sheets)是一套能用于描述WXML的组件样式，类似于网页开发中的CSS。比如，组件的颜色、背景、尺寸大小等属性。
1. WXSS和CSS的区别
1）新增了rpx尺寸单位
CSS中需要手动进行像素单位换算，例如rem。WXSS在底层支持心得尺寸单位rpx，在不同大小的屏幕上，小程序会自动进行换算
2）提供了全聚德样式和局部样式
项目根目录中的app.wxss会作用与所有小程序页面，局部页面的. wxss 样式仅对当前页面生效
3）WXSS仅支持部分CSS选择器
.class和#id
element(元素选择器)
并级选择器（div，p）、后代选择器（div>p）
::after 和 ::before等伪类选择器
网友评论