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.页面传参    再跳转的路径后面拼接参数   通过 ?  跟  & 符号。

  • 相关阅读:
    LAMP环境搭建
    Httpd
    MySQL常用配置和性能压力测试:MySQL系列之十五
    MySQL的高可用实现:MySQL系列之十四
    MySQL的复制:MySQL系列之十三
    备份与恢复:MySQL系列之十二
    日志记录:MySQL系列之十一
    事务隔离实现并发控制:MySQL系列之十
    SpringMVC上传文件(图片)并保存到本地
    W10如何开启LinuxBash及安装Ubuntu
  • 原文地址:https://www.cnblogs.com/tutao1995/p/11958048.html
Copyright © 2011-2022 走看看