微信小程序常用功能有哪些及怎么实现


本文小编为大家详细介绍“微信小程序常用功能有哪些及怎么实现”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序常用功能有哪些及怎么实现”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。小程序提供了全局的 getApp() 方法,可获取当前小程序实例,一般用于在子页面中获取顶层应用。图片目录(images)、页面目录(pages)、公共脚本(utils)、全局配置(app.json、project.config.json)四个大的部分构成。页面目录中,每个页面配置完成会自动生成4个文件(JS、JSON、WXSS、WXML)。页面逻辑,页面配置,页面样式,页面结构。所有页面需要在app.json中的pages中进行配置注册。导航栏的菜单配置需要在app.json中的tabBar中进行配置注册。全局变量需要在app.js的globalData中进行定义,通过var app = getApp() 调用。公共脚本需要将定义好的function在module.exports中进行暴露, 暴露模块接口。autoplay、interval、duration….自动切换播放、播放间隔时间、播放动画时间。比如banner的左右滚动、公告的上下滚动(设置vertical为true)。四种跳转方式wx.navigateTo 跳转新页面;wx.switchTab 跳转导航菜单页面;wx.redirectTo 关闭当前页面,跳转新页面;页面标签跳转;1、本地缓存
2、全局变量:
在 app.js 中的 this.globalData = { } 中放入要存储的数;
在组件.js 中, 头部 引入 const app = getApp(); 获取到全局变量;
直接使用 app.globalData.key 来进行赋值和获取值。路由:使用wx.navigateTo和wx.redirectTo时,可以通过在url后拼接 + 变量, 然后在目标页面 通过在onLoad周期中,通过参数来获取传递过来的值。接收时JS部分wx.request注意点method 必须大写;GET时”Content-Type”: “application/json”;POST时”Content-Type”: “application/x免费云主机域名-www-form-urlencoded”使用bindtap绑定方法。参数用data-*的形式传递。记得全部小写。默认会放在dataset中。js部分代码页面部分代码页面引用公用js需要在json中配置启用下拉事件表单提交注意点bindsubmit表单提交事件;bindinput输入框监控事件;获得表单提交数据缓存写入缓存读取、移除、清除所有提示信息和弹框,有icon时最多显示7个字,icon为none时可显示全部信息。分享,imageUrl非必填打电话调用wx.makePhoneCall自小程序基础版本2.2.3起,组件的生命周期可以在lifetimes字段中声明(这是推荐的方式,优先级最高)程序生命周期
(1)onLaunch:初始化完成
(2)onHide:收起小程序到后台
(3)onShow:展开小程序到前台(热启动)
(4)onError:程序出错页面生命周期
(1)onLoad:页面冷启动后,初次加载(只有一次)
(2)onShow:每次切换页面,在之后的页面中触发
(3)onReady:页面被首次切换到(每个页面只有一次)
(4)onHide:每次切换页面,在之前的页面中触发
(5)onUnload:关闭当前页在小程序的里面,我们使用rpx来代替px,官方的定义如下:rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。如果你使用的是组件:他有一个事件叫做:bindscrolltolower,滚动到底部/右边,会触发 scrolltolower 事件。
// wxml
如果你使用,你就不需要在元素里面绑定任何事件,直接在js文件里面申明:在你需要的进行下拉刷新的页面的json文件里面:然后在js中,进行相应的数据操作:读到这里,这篇“微信小程序常用功能有哪些及怎么实现”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注百云主机行业资讯频道。

相关推荐: es6模块输出的值是不是拷贝的

本文小编为大家详细介绍“es6模块输出的值是不是拷贝的”,内容详细,步骤清晰,细节处理妥当,希望这篇“es6模块输出的值是不是拷贝的”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。不是,ES6模块输出的是值的引用,CommonJS模块…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 02/27 16:19
下一篇 02/27 16:19

相关推荐