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

it2026-08-24  2

窗口配置

微信小程序——底部导航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)

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

最新回复(0)