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

  • 相关阅读:
    【leetcode_easy_array】1010. Pairs of Songs With Total Durations Divisible by 60
    【leetcode_easy_array】1013. Partition Array Into Three Parts With Equal Sum
    【leetcode_easy_array】1122. Relative Sort Array
    【opencv基础】opencv中cv::Mat和eigen数据之间的转换
    【c++基础】测试SocketCAN的收发功能
    SRM系统与ERP系统之间存在什么联系(转)
    使用IDEA搭建一个简单的SpringBoot项目——详细过程(转)
    SpringBoot(一):使用IDEA快速搭建一个SpringBoot项目(详细)
    IntelliJ IDEA创建maven web项目(IDEA新手适用)(转)
    Maven的安装与配置(转)
  • 原文地址:https://www.cnblogs.com/tutao1995/p/11958048.html
Copyright © 2011-2022 走看看