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

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

小程序的目录结构—pages文件夹的内容和作用_第1张图片

1) .js

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

.json

2) .json

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

3) .wxml

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

于普通的html的区别在于

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

  • 属性节点不同(html: 小程序:

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

4) .wxcss

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

与普通网页css样式区别

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

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

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

你可能感兴趣的:(小程序,前端,前端框架)