1.什么是WXML
WXML是小程序框架设置的一套标签语言,用来构建小程序页面的结构,其作用类似于页面开发的HTML
2. WXML和HTML的区别
①标签名称不同
- HTML(div,span,img,a)
- WXML(view,test,image,navigator)
②属性节点不同
- <a href="#">超链接</a>
- <navigator url="/pages/home/home"></navigator>
③提供了类似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文件
- 是普通的功能模块文件,用来封装公共的函数或属性供页面使用
