小程序的目录结构—pages文件夹的内容和作用

文章详细介绍了小程序页面的构成,包括.js文件中存储的数据和事件处理函数,.json配置文件用于设置页面外观,.wxml类似HTML但具有小程序特有的标签和属性,以及.wxss样式表,其中涉及到rpx单位和对CSS选择器的支持。
摘要由CSDN通过智能技术生成

作用:pages下放小程序的所有页面,每个页面都是以单独的文件夹而存在的

1) .js

页面的脚本文件(script:根据一定格式编码的可执行文件),存放页面的数据、事件处理函数。

.json

2) .json

当前页面的配制文件,配制窗口的外观、界面、底部table、页面路径等。

3) .wxml

类似于普通网页的html文件,是页面的结构骨架。

于普通的html的区别在于

  • 标签名不同 (html:div span img a 小程序:view navigator text image)

  • 属性节点不同(html:<a href:""></a> 小程序:<navigator url=""><navigator)

  • 小程序提供了类似于vue中的模板语法(数据绑定 列表渲染 条件渲染)

4) .wxcss

类似于普通页面的css样式表,(小声说:小作就觉得是wx 的 style sheet,即微信的样式表)

与普通网页css样式区别

  • 小程序新增rpx尺寸单位 可以适配用户屏幕

  • 提供了全局样式和局部样式(全局app.wxss 页面名.wxss)

  • 小程序仅支持绝大部分的css选择器

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值