小程序学习(二):代码的构成

1.什么是WXML

WXML是小程序框架设置的一套标签语言,用来构建小程序页面的结构,其作用类似于页面开发的HTML

2. WXML和HTML的区别

①标签名称不同

• HTML(div,span,img,a)
• WXML(view,test,image,navigator)

②属性节点不同

• href="#">超链接
• url="/pages/home/home">

③提供了类似Vue中的模板语言

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

3.什么是WXSS 

WXSS是一套样式语言,用于描述WXML的组件样式,类似于网页开发中的CSS

 4.WXSS和CSS的区别

①新增了rpx尺寸单位

• CSS只能给需要手动进行像素单位换算,例如rem
• WXSS在底层支持新的尺寸单位rpx,在不同大小的屏幕上小程序会自动进行换算

②提供了全局的样式和局部样式

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

③WXSS仅支持部分CSS选择器

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

5.小程序中的.js文件

在小程序中,我们通过.js文件来处理用户的操作。例如:响应用户的点击、获取用户的位置等等

6.小程序中.js文件的分类

①app.js

• 是整个小程序项目的入口文件,通过调用App()函数来启动整个小程序

②页面的.js文件

• 是页面的入口文件,通过调用Page()函数来创建饼运行页面

③普通的.js文件

• 是普通的功能模块文件,用来封装公共的函数或属性供页面使用