美文网首页微信小程序
小程序开发常用实例

小程序开发常用实例

作者: itBox | 来源:发表于2022-07-05 21:41 被阅读0次

剪贴板是否可用

Page({

  data: {
    result: '',
    canIUseClipboard: wx.canIUse('setClipboardData'),
  },

写入剪贴板

wx.setClipboardData({
      data: code,
      success: function () {
        wx.showToast({
          title: '复制成功',
        })
      }
    })

定义常量

const code = `// 云函数入口函数
exports.main = (event, context) => {
  console.log(event)
  console.log(context)
  return {
    sum: event.a + event.b
  }
}`

获取openid

onLoad: function (options) {
    this.setData({
      openid: getApp().globalData.openid
    })
  }

小程序如何传递数据

  • 本地缓存

  • 全局变量:
    在 app.js 中的 this.globalData = { } 中放入要存储的数;
    在组件.js 中, 头部 引入 const app = getApp(); 获取到全局变量;
    直接使用 app.globalData.key 来进行赋值和获取值。

  • 路由:
    使用wx.navigateTo和wx.redirectTo时,可以通过在url后拼接 + 变量, 然后在目标页面 通过在onLoad周期中,通过参数来获取传递过来的值。

跳转页面方式:

1、wx.navigateTo() : 保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面
2、wx.redirectTo() : 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面
3、wx.switchTab() : 跳转到 TabBar 页面,并关闭其他所有非 tabBar 页面
4、wx.navigateBack() : 关闭当前页面,返回上一页面或多级页面。可通过getCurrentPages() 获取当前的页面栈,决定需要返回几层
5、wx.reLaunch() : 关闭所有页面,打开到应用的某个页面

小程序怎么实现下拉刷新

方法一:
在 app.json 中,设置"enablePullDownRefresh": true, 开启全局下拉刷新。或者通过在单组件的 .json , 设置"enablePullDownRefresh": true, 单组件下拉刷新。

方法二:
使用滚动组件scroll-view自定义刷新,通过(绑定)bindscrolltoupper属性, 当滚动到顶部/左边,会触发 scrolltoupper事件,从而实现下拉刷新功能。

相关文章

  • 小程序开发常用实例

    剪贴板是否可用 写入剪贴板 定义常量 获取openid 小程序如何传递数据 本地缓存 全局变量:在 app.js ...

  • 小程序开发(入门)

    小程序开发总结 入门级别的小程序,主要是熟悉小程序的开发。 较常用的 就是 页面跳转navigat...

  • 潍坊小程序开发

    潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍...

  • 潍坊商城小程序开发制作

    潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍...

  • 支付宝小程序 分析

    参考:支付宝小程序开发官方文档 支付宝小程序有哪些核心数据结构(构造函数和实例) 1 App() 支付宝小程序顶层...

  • 抖音小程序|抖音小程序申请|制作|开发教程汇总【视频】

    抖音小程序内测资格请来联系:cyk0416抖音小程序了解更多 【常用】抖音小程序申请|制作|开发教程汇总(图文视频...

  • 小程序基础

    常用链接 小程序开发文档微信公众平台注册小程序开发工具 注册注意事项: 使用邮箱进行注册时,一个邮箱仅能申请一个小...

  • 微信小程序开发|起步-工欲善其事必先利其器

    工欲善其事必先利其器,下面的工具及其常用到的功能都是微信小程序的开发常用到的。 小程序的 AppID 微信公众平台...

  • iOS懒加载不起作用的原因

    iOS开发中对于实例变量有一个常用的方法就是懒加载,也就是说在程序启动的时候不去加载这个实例变量,只有运行到需要用...

  • 潍坊商城小程序网站开发制作

    潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊...

网友评论

    本文标题:小程序开发常用实例

    本文链接:https://www.haomeiwen.com/subject/apmrbrtx.html