学习小程序零到一经验分享2

app.json是什么?

app.json 是对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。

project.config.json是什么?

针对各自喜好做一些个性化配置,例如界面颜色、编译配置等等。

一个页面内容讲解

分享1中我们已经说了,每一个页面均有自己的json、wxml、wxss。从事过网页编程的人知道,网页编程采用的是 HTML + CSS + JS 这样的组合。

界面与Js交互信息

生命周期理解

Page({

  data:{

    names:"tangdekun test1"  },

  onLoad:function(options){    // 生命周期函数--监听页面加载    console.log("test1 onLoad");

  },

  onReady:function(){    // 生命周期函数--监听页面初次渲染完成    console.log("test1 onReady");

  },

  onShow:function(){    // 生命周期函数--监听页面显示  console.log("test1 onShow");

  },

  onHide:function(){    // 生命周期函数--监听页面隐藏    console.log("test1 onHide");

  },

  onUnload:function(){    // 生命周期函数--监听页面卸载    console.log("test1 onUnload");

  },

  onPullDownRefresh: function(){    // 页面相关事件处理函数--监听用户下拉动作    console.log("test1 onPullDownRefresh");

  },

  onReachBottom: function(){    // 页面上拉触底事件的处理函数    console.log("test1 onReachBottom");

  }

})

每一个页面均有默认的生命周期,对应不同的状态时候自动触发。譬如,我们想打开一个页面想看到列表,那么我们就要将加载列表的逻辑放在onload或onready或onshow里面,当然不是随便放的。有的周期只进行一次譬如onload,有的在每次页面显示时候启动譬如onshow。看需求而定

在了解完生命周期我觉得就差不多可以正式开发了。值得一提:小程序还为广大的开发者提供了封装好的组件(scrollview、button、input、map地图、video...),还有就是微信承诺的强大的API,我们能靠它获取用户信息、微信支付、使用蓝牙NFC功能..


来自小程序API文档里,我们看到【在开发者工具中预览效果】

对初学开发者的福音,我们不用自己复制粘贴示例代码,直接点击连接会自动开启开发者工具使用demo。方便了学习

赶快试一下查询天气然后显示出来吧~

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言: 上一篇文章我们介绍了.wxml和.wxss文件,这篇文章对js文件进行详细的讲解,首先贴上一个简单的js文...
    Smile__EveryDay阅读 20,397评论 0 7
  • title: 小程序教程之wepy 参考文档 中文文档:https://tencent.github.io/wep...
    采香行处蹙连钱阅读 14,113评论 8 24
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,413评论 2 17
  • 职场新人为什么老是没有进步?自己工作都十年了,为什么能力还不如人家工作了三年的?相信不少职场同仁都被进阶无门所困扰...
    在旅途的车阅读 2,688评论 0 0
  • 1.NB-lot窄带低功耗的认知和了解。 2。物联网。 3。教育就是一个逐渐认知无知的过程。Education i...
    小散哥阅读 1,292评论 0 0

友情链接更多精彩内容