微信小程序———新手必备-----快速上手

窗口配置

微信小程序——底部导航tabBar
(1)最简单的底部导航
在全局配置 app.json 中添加 , 所有小程序的页面都会显示出来
微信小程序———新手必备-----快速上手
自定义tabBar(修改tabBar的整体样式)请参考https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html

小程序文件类型 每个页面由 4个文件组成

新建好一个微信小程序工程后,会发现其有四种文件类型,分别是:
js -------- 脚本文件:页面的交互逻辑均在此页面中进行
json ------ 配置文件:用于设置程序的配置效果
wxml ---- 页面结构文件:书写控件,构建页面
wxss ----- 样式文件:类似于css样式,用于

小程序生命周期 和 小程序页面的生命周期

1.应用生命周期
每个小程序工程中,有且仅有一个app.js文件,用于处理程序的生命周期等,位于项目的根目录下:
onLaunch: function () {
//监听小程序初始化-小程序初始化完成时,会触发,且只会触发一次。
},
onShow: function () {
//监听小程序显示-小程序启动或从后台进入前台,会触发。
},
onHide: function () {
//监听小程序隐藏-小程序从前台进入后台,会触发。
},
2.页面生命周期
js文件中定义了一些页面生命周期函数,下面简述下这些生命周期函数的方法作用:
(1)onLoad:首次进入页面加载时触发,可以在 onLoad 的参数中获取打开当前页面路径中的参数。
(2)onShow:加载完成后、后台切到前台或重新进入页面时触发
(3)onReady:页面首次渲染完成时触发
(4)onHide:从前台切到后台或进入其他页面触发
(5)onUnload:页面卸载时触发
微信小程序———新手必备-----快速上手

数据请求和封装

兄弟们上代码
先创建两个文件夹
微信小程序———新手必备-----快速上手
env里面建index.js
用于定义三种环境的切换
微信小程序———新手必备-----快速上手
http里先创建个filer.js
微信小程序———新手必备-----快速上手
再创建一个api.js
用来定义后面地址
微信小程序———新手必备-----快速上手
最后创建个http.js
用来引入filer.js和api.js
微信小程序———新手必备-----快速上手
再在app.js全局注册
引入http文件里的http.js
微信小程序———新手必备-----快速上手
在你对应的要渲染的js文件里
声明一个
微信小程序———新手必备-----快速上手

路由跳转分类 和 路由跳转传递参数

路由跳转
在wxml写入一个bindtap="go_details"属性
再在js文件里
微信小程序———新手必备-----快速上手
路由跳转传递id
先定义一个id作为参数路由跳转时传id
微信小程序———新手必备-----快速上手
js里写入
微信小程序———新手必备-----快速上手
在你需要接受这个id的js文件里
微信小程序———新手必备-----快速上手

点击获取参数

利用自定义属性即可完成事件的参数传递
wxml
微信小程序———新手必备-----快速上手
js
用console.log()打印
微信小程序———新手必备-----快速上手

本地存储的几种方式

微信小程序———新手必备-----快速上手
这里先介绍一个
wx.setStorageSync(string key, any data)
微信小程序———新手必备-----快速上手

参数请看官方
(https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。