微信小程序

最新推荐文章于 2024-09-30 14:06:00 发布

扶子茶

最新推荐文章于 2024-09-30 14:06:00 发布

阅读量193

点赞数 1

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/m0_61745856/article/details/141334897

版权

微信小程序

//小程序是什么：是一种新的开放能力，可以在微信内被便捷的获取和传播
//微信小程序的优势和劣势：
   优势：易于推广，使用便捷，体验良好，成本低
   劣势：单包大小限制2M，采用分包最多30M，部署上线麻烦，微信限制积分，虚拟交易不能实现
//template模板：
  声明：<template name=''></template>
  使用：在其他页面先导入：<import src=''>
  <template is=''></template>
  导入：<include src=''>:导入除了template以外的内容
//WXSS
   单位：rpx   1rpx=(屏幕宽度/750)px
   导入样式：@import''
//JS
   this.getData()修改渲染层
//程序和界面
  程序：onLaunch:function(options){} //初始化数据，全局只调用一次
        onshow:function(options){} //显示
        onHide:function(){} //隐藏
        onError:function(msg){} //api报错时触发
        globalData:    //全局数据
  界面：onLoad:function(options){}  //页面加载
        onReady:function(){}  //加载渲染完毕
        onShow:function(){} //页面显示
        onHide:function(){] //页面隐藏
        onUnload:function(){} //页面卸载
//事件
   bind:事件类型   在js中和data平级
   传参：data-变量="传递的参数",在事件里面有的事件对象event用来接收参数
   阻止事件冒泡：catch:事件类型
//消息提示框
  wx.showToast({title:'',icon:''})
//模态对话框
   wx.showModal({title:'',content:'',success:res=>{}})
//本地存储
  异步：wx.setStorage({key:'',data:{}})
        wx.getStorage({key:'',success:res=>{}})
  同步：wx.setStorageSync('key','value')
        wx.getStorageSync('key')
//页面跳转
  wx.navigateTo({url:''})
     跳转非tabber页面，保留当前页面，能传参
  wx.switchTab({url:''})
     跳转tabber页面，不能传参
  wx.redirectTo({url:''})
     跳转非tabber页面，写在当前页面，能传参
  wx.relaunch({url:''})
     跳转任意页面，卸载所有页面，能传参
  wx.nvigateBack({dalte:n})
     返回前面第n个页面