微信小程序使用总结

微信小程序官方文档

零 未解决或者需要研究

研究一: 关于小程序的请求接口wx.connectSocket等相关接口

wx.connectSocket

一 开始的配置

使用app.json(小程序公共设置), app.js(小程序逻辑), app.wxss(小程序公共样式表) 分别配置小程序的全局信息
问题:app.json中如何配置小程序的导航栏(上面)?
解答:属性window用于配置页面的窗口
(1)现在还无法将页面导航栏隐藏;
(2)只能该表导航栏中字体内容、颜色(黑白)
问题: 如何设置导航栏中信息提示动态变化?
解答:使用两个微信api实现
wx.setNavigationBarTitle()
wx.showNavigationBarLoading()
wx.hideNavigationBarLoading()

wx.setNavigationBarTitle()
wx.showNavigationBarLoading()
wx.hideNavigationBarLoading()

问题: 如何设置小程序的tab栏(默认底部)?
解答:app.json的tarBar属性可以配置tab栏
(1)position可以将tab栏配置到page顶部
(2)tab栏中只能有2-5个tab
问题: 如何配置小程序中单个页面?
解答: 在每个页面的.json文件中配置各自信息
(1) 页面的.json只能设置window相关的配置项

二 逻辑层概论

问题: app()中经常使用的全局函数和周期函数?
解答:首先是几个周期函数:
(1)onLaunch 监听小程序的初始化
(2)onShow 监听小程序的显示
(3)onHide 监听小程序的隐藏
(4)自定义的周期函数
        其次是全局函数
(1)getApp(),可以获取当前小程序的实例
(2)getCurrentPages()可以获取当前小程序的页面栈的实例

getCurrentPages()

问题: 页面中如何实现上拉加载,下拉刷新功能呢?
解答: 使用函数page()中的两个周期函数
(1)onPullDownRefresh()监听用户下拉动作(下拉刷新),此时需要在配置文件.json中设置enablePullDownRefresh为true
(2)onReachBottom页面上拉触底事件的处理函数(上拉加载)
问题: 如何实现页面之间的重定向和返回?
解答:小程序api中有专门接口实现页面变化
wx.navigateTo()打开新页面
wx.redirectTo()页面重定向
wx.navigateBack()页面返回

页面的路由
wx.navigateTo

wx.redirectTo

wx.navigateBack

问题:如何在小程序中实现模块化编程?
解答:(1)小程序目前不支持直接引入node_modules,可以直接将相关代码复制到小程序的目录中;
(2)小程序使用exports, require暴露接口,引入
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 昨天看了一下微信小程序官方文档,总结一下自己学习的个人心得. 首先从官方文档给的框架说起,微信小程序官方文档给出了...
    Mr大大大阅读 47,380评论 9 68
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,463评论 19 139
  • 给提问的开发者的建议:提问之前先查询 文档、通过社区右上角搜索搜索已经存在的问题。 写一个简明扼要的标题,并且...
    极乐叔阅读 14,770评论 0 3
  • 微信小程序在无论在功能、文档及相关支持方面,都是优于前面几种微信账号类型,它提供了很多原生程序才有的接口,使得我们...
    未央大佬阅读 6,826评论 0 12
  • 沉没成本是指由于过去的决策已经发生了的,而不能由现在或将来的任何决策改变的成本。人们在决定是否去做一件事情的时候...
    晨海明阅读 3,233评论 0 1