【微信小程序】wxss 和 css 、wxml 和 html 区别

wxss 和 css 区别

1. wxss 支持小程序特有的选择器和 样式属性 scroll-into-view cover-view 等
2. wxss 引入了 rpx 单位，可以根据屏幕宽度进行自适应，使得开发者可以更方便的处理不同尺寸屏幕的适配问题。
3. wxss 背景图片只能引入外链，不能使用本地图片
4. wxss 使用 @import 引入 外链样式文件，地址为相对路径

wxml 和 html 区别

1. wxml 是一个模版文件，和 vue 中的模版差不多，html是原生的
2. wxml 中使用双大括号 {{}} 来插入动态数据
3. wxml 的标签名必须使用小写字母，有一些特殊标签 view 等
4. 提供一些小程序特有的功能和扩展， block  template 等
5. 提供组件和事件来实现交互效果 bind catch 等【bind不会阻止事件冒泡】【catch会阻止事件冒泡】请看官方文档。