• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信原生小程序

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

原生微信小程序是单向绑定,只是在Data里面更新才能同步更新到界面上,如果在界面上修改数据不能同步更新到data中,所以需要手动设置更新数据

微信原生小程序一个页面分为四个部分

  .js格式的文件 代表页面的js部分 页面js代码放在此文件中

  .json格式的文件 代表页面的配置数据  里面放例如引进组件,设置页面标题等配置信息

  .wxml格式的文件 代表页面的主体结构文件  相当于网页的html

  .wxss格式的文件  代表页面的样式文件  相当于网页的css

目录中的app.js是全局整个项目的js文件  公用的js

目录中的app.json是全局整个项目的配置文件  里面需要放页面的路径、整个项目的名称等信息

 

页面中生命周期

  onLoad 页面加载后

  onReady 页面初次渲染完成

  onShow 页面显示

  onHide 页面隐藏

  onUnload 页面卸载

  需求强调的概念

    页面第一次进来

      onLoad先执行 onShow后执行

    从子页面返回

      onLoad不执行 onShow依然执行

页面中的事件

  onPullDownRefresh  监听用户下拉动作

  onReachBottom 页面上拉触底

  onShareAppMessage 用户点击分享

  ......

跳转页面js方式

 1. wx.navigateTo({

  url:'xxxxxx'

  })   //保留当前页面  下个页面返回会到页面

  2.wx.redirectTo({

  url:'xxxxx'

 }) //关闭当前页面 跳转到其它页面

  3.wx.switchTab({

   url:'xxxxxx'

    }) //跳转到tabBar页面  同时关闭其它非tabBar页面

 4.wx.reLanch({

    url:'xxxxxxx'

     }) //关闭所有页面 打开跳转页面

 
                    
            
                

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序 canvas 文字自动换行发布时间:2022-07-18
下一篇:
微信小程序支付发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap