初始微信小程序

小程序的文件配置

小程序的四种文件类型:

  • .json 后缀的 JSON 配置文件
  • .wxml 后缀的 WXML 模板文件
  • .wxss 后缀的 WXSS 样式文件
  • .js 后缀的 JS 脚本逻辑文件

pages

代表微信小程序的页面,该文件是防止一个一个小程序页面。
pages: 小程序内的某一个页面(某一个组件)的交互,模板结构和模板样式分别放在不同的文件中。
JS文件:用来放置组件的交互类型代码比如:网络请求、数据渲染、事件回调。
**wxml文件:**用来放置组件对应的模板结构。
注意:小程序属于微信官方封装的组件。因此微信小程序内不能直接使用html标签,只能使用微信小程序官方封装的组件。因此该文件称为wxml。
wxss文件:用来放置组件当中的css样式,但是该样式继承了css样式的内容也加入了微信官方特有的属性。也属于微信官方所有,因此文件成为wxss。
json文件:用来设置组件偏好设置,比如设置页面组件的导航设置,或者配置自定义组件的路径。

utils

微信小程序的内置测试单元,不需要我们操作。

app

代表小程序的入口,该入口存在js、json、wxss三部分。js程序的入口交互代码,用来初始化时获取一些小程序的初始信息。json用来封装对小程序的全局的偏好设置。但是注意全局设置的优先级低于页面设置。wxss用来对小程序进行样式的全局设置。注意:wxss的优先级也低于页面设置。

  1. app.js 微信小程序JS交互的入口文件,该文件中通常用来进行全局数据的设置,或者提前获取一些固定组件的信息,比如气泡的高度
  2. app.json 该文件是小程序的全局配置文件,用来进行小程序的全局配置,比如说配置小程序的导航条、页面路径、TabBar、全局组件等路径。
  3. app.wxss 等价于H5的css文件,用来设置小程序的全局样式

project.config.json

项目配置 一般不需要操作

sitemap.json

储存项目的基本信息,一般也不需要操作。

小程序的全局配置

enterPagePath :用来配置小程序默认加载的首页路径。
window:用来配置窗口的特性(比如导航条文字,颜色,背景颜色,下拉刷新等)。
tab:用来配置小程序 tabBar 。
netwworkTimeout 用来配置超时时间(网络请求,文件上传,文件下载等)。
pages用来配置小程序所有的页面路径

小白的第一天学习总结!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

扶梡

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值