微信的WXML和HTML WXSS和CSS的区别详解

WXML和HTML:

标签名称不同:

HTML标签主要包括:div,img,a,span......

WXML标签主要包括:view,image,navigator,text......

属性节点不同:

<a herf="#">超链接</a>

<navigator url="/pages/index/index"></navigator>

WXML提供了类似于vue的模板语法

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

WXSS和CSS:

1. WXSS增加了rpx尺寸单位,在不同大小的尺寸屏幕下会进行自动换算

2. WXSS提供了全局样式(app.wxss)来对设置全局样式,和页面css来设置局部样式

3. wxss只会支持css的部分选择器(.class/#id/element/并集后代后代选择器/等)

小程序的js文件:

小程序的js文件根据功能不同包括下面的三种不同的文件

app.js:小程序项目执行的入口文件,通过调用App()函数来启动整个项目。

页面的js文件:小程序页面的入口文件,通过调用Pages()来启动整个页面

普通的js文件;是普通的功能模块文件,通过封装公共函数和属性给页面使用

猜你喜欢

转载自blog.csdn.net/psjasf1314/article/details/127107321
今日推荐