开发微信小程序时WX文件与html、css文件的区别

1.WXML vs HTML 

1.标签名称不同

        HTML:div、span、img、a

        WXML:view、text、image、navigator

2.属性节点不同

        <a href='#'>超链接</a>

        <navigator url="./../..?">

3.提供Vue模板语法

        数据绑定

        列表渲染

        条件渲染

2.WXSS vs CSS

1.新增加了rpx尺寸单位

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

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

2.提供了全局的样式和局部样式

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

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

3.WXSS仅支持部分选择器

        .class和#id

        element

        并集选择器、后代选择器

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

猜你喜欢

转载自blog.csdn.net/a_strong_pig/article/details/132246042#comments_28132753