小程序知识点梳理

小程序知识点梳理

一、窗口配置

 

好比：我这个是天使童装的小程序，在app.json里面写

"window":{

    "backgroundTextStyle":"light",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "天使童装",

    "navigationBarTextStyle":"black"

  },

注意：

navigationBarBackgroundColor 只能写16进制的

而 navigationBarTextStyle 只能写 黑或白，其余的不生效

二、小程序文件类型

2.1 在app.json中有一个page，咱们要写一个文件 好比说首页啊、分类这样的页面，直接在里面定义，它会自动生成，例如

 2.2 文件里面有 js文件（点击事件的功能）、json文件、wxml文件（页面中的效果视图）、wxss文件（css样式）

 

三、小程序生命周期及页面中的生命周期

3.1 生命周期 

在咱们的 app.js 中有

 

 3.2页面中的生命周期

在本页面的 js 文件中有

 四、数据请求和封装

4.1 在根目录下建立env文件夹和http文件夹用来存放JS文件

 4.2 在env文件下建立一个index.js文件，在里面配置请求环境

 4.3 在http文件夹下 建立三个文件 http.js 和fetch.js 还有 api.js文件。 其中在http.js中封装两个请求方式

 4.4 在fetch.js中封装request请求

 

 4.5 在api.js里面统一管理请求地址

 4.6 在app.js中引入http模块并引用

 4.7 最后在须要用的组件中引入一下就能够用了

 五、路由跳转及路由传参

好比：由商品列表跳转到商品分类

 首先，咱们要传递参数 data-index='{{item.id}}' ，

而后是 单击事件，bindtap="godetails"，

在 js 中咱们接收的时候要和点击事件的函数相照应