微信小程序—WXML模板和WXCC样式

1.什么是WXML

        WXML (Weixin Markup Language)是小程序框架设计的一套标签语言，用来构建小程序页面的结构，其作用类似于网页开发中的 HTML。

2.WXML和HTML的区别

        2.1、标签名称不同

                HTML ( div, span, img, a) ​ wXML ( view, text, image, navigator)

        2.2、属性节点不同

                <a href="#">超链接< /a> <navigator url="/pages/home/home"> </navigator>

        2.3、提供了类似于vue中的模板语法

                数据绑定 ​ 列表渲染 ​ 条件渲染

3.什么是WXSS

        wxss(Weixin Style Sheets)是一套样式语言，用于描述wXML的组件样式，类似于网页开发中的CSS。

4.WXSS和CSS的区别

        4.1、新增了rpx尺寸单位

                CSS中需要手动进行像素单位换算，例如rem ​ wXSS在底层支持新的尺寸单位rpx，在不同大小的屏幕上小程序会自动进行换算

        4.2、提供了全局的样式和局部样式

                项目根目录中的app.wxss 会作用于所有小程序页面 ​ 局部页面的.WXSS 样式仅对当前页面生效

        4.3、WXSS仅支持部分CSS选择器

                .class 和#id ​ element ​ 并集选择器、后代选择器 ​ ::after和 ::before 等伪类选择器