zoukankan      html  css  js  c++  java
  • 微信小程序学习

    1.核心    app   page   页面组成:js,wxss,json,wxml    

     a.全局app.js,app.wxss ,app.json   ,project.config.json 应用的东西全在这里  

      着重讲json跟js     

      json:描述整个工程的页面信息(由"pages"描述),"window"主要描述该项目整体背景,导航栏等样式,如果某个文件夹中某个.json文件中有相同的描述,则会覆盖"window"中描述的信息,

    • 将页面注册到小程序如何配置?找app.json
    • 如何设置导航栏颜色?找app.json
    • 如何制定窗口背景颜色?找app.json
    • 如何启动下拉功能?找app.json
    • 如何设置小程序底部tab切换页面?找app.json
    • 如何设置网络超时时间?找app.json

      js:主要描述该项目入口逻辑,主要描述一些用户登录后的信息

    • App() 必须在 app.js 中注册,且不能注册多个。
    • 不要在定义于 App() 内的函数中调用 getApp() ,使用 this 就可以拿到 app 实例。
    • 不要在 onLaunch 的时候调用 getCurrentPages(),此时 page 还没有生成。
    • 通过 getApp() 获取实例之后,不要私自调用生命周期函数。

    b.页面js,json,wxss,wxml

      着重讲json跟js   

      json:存放组件信息

      js:页面逻辑  事件  生命周期  私有数据

    2.事件

      通过bindtap绑定事件 (可冒泡)   catchtap(阻止冒泡)

      通过在标签上注入data-xxx   然后再事件的target.dataset中获取需要的数据

    3.生命周期

      1.onLauch   2.onShow  3.onLoad  4.onShow 5.onReady  6.onHide 7.onShow

    • onLanuch 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
    • onShow 当小程序启动,或从后台进入前台显示,会触发 onShow
    • onHide 当小程序从前台进入后台,会触发 onHide
    • onError 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息

    4.页面跳转

      1.wx.navigateTo({url:xxxx})  仅页面跳转   不销毁当前页面

      2.wx.redirectTo      不仅页面跳转 ,并且销毁当前页面。无法返回当前页面

      3.从一个页面跳转到另一个页面会首先触发当前的页面onHide事件,如果是redirectTo  则会还会触发onUnload  事件。

      4.页面传参    再跳转的路径后面拼接参数   通过 ?  跟  & 符号。

  • 相关阅读:
    .Net Core实现下载多个文件并压缩打包
    VS上使用Docker调试编译net core项目时卡在 vsdbgvs2017u5 exits,deleting.
    spring boot actuator监控详细介绍
    数仓知识
    layui使用 弹窗 layer
    Spring配置数据源(连接池)
    Spring配置文件-引入其他配置文件(分模块开发import)&Spring相关API
    Spring配置文件-Bean标签配置
    事务的四大特征&事务隔离级别
    事务
  • 原文地址:https://www.cnblogs.com/tutao1995/p/11958048.html
Copyright © 2011-2022 走看看