小程序学习总结

最新推荐文章于 2020-10-14 16:55:55 发布

slience_hyf

最新推荐文章于 2020-10-14 16:55:55 发布

阅读量859

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/XiangZhuoKuaiLe/article/details/83574565

版权

小程序专栏收录该内容

1 篇文章 0 订阅

订阅专栏

认识小程序

官方文档微信官方文档
微信小程序开发者工具微信小程序开发者工具

tip：看到了另一份W3CSchool整理的文档，可以结合官方文档一起看

语言及开发工具

首先，小程序类Web，但不同于认识的HTML，他有属于自己的开发语言及工具：

JavaScript: 微信小程序的 JavaScript 运行环境即不是 Browser 也不是 Node.js。它运行在微信 App 的上下文中，不能操作 Browser context 下的 DOM，也不能通过 Node.js 相关接口访问操作系统 API。
WXML: 作为微信小程序的展示层，并不是使用 Html，而是自己发明的基于 XML 语法。
WXSS: 用来修饰展示层的样式。官方的描述是 “ WXSS (WeiXin Style Sheets) 是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。”
小程序开发工具，开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。

入口文件

小程序主要包含以下三个入口文件：

app.js 这个文件是整个小程序的入口文件，我们主要做了网络检测、用户信息获取等；当让也可以注入公用的方法在其他页面中去通过getApp()调用（注：页面中调用app.js中的方法时不需要通过require或者import引入）
app.json 这个文件可以对小程序进行全局配置，决定页面文件的路径、整体窗口表现、设置网络超时时间、设置多tab等.
是小程序的公共样式表

生命周期

当然，微信小程序和其他前端框架类似也是有生命周期的：

小程序注册完成后，加载页面，触发onLoad方法。
页面载入后触发onShow方法，显示页面。
首次显示页面，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次。
当小程序后台运行或跳转到其他页面时，触发onHide方法。
当小程序有后台进入到前台运行或重新进入页面时，触发onShow方法。
当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack()，触发onUnload

    Page({
    /**
    * 页面的初始数据
    */
    data: {},
    
    /**
    * 生命周期函数--监听页面加载（像首页数据请求可以放在这里）
    */
    onLoad: function (options) {},
    
    /**
    * 生命周期函数--监听页面初次渲染完成
    */
    onReady: function () {},
    
    /**
    * 生命周期函数--监听页面显示
    */
    onShow: function () {},
    
    /**
    * 生命周期函数--监听页面隐藏
    */
    onHide: function () {},
    
    /**
    * 生命周期函数--监听页面卸载
    */
    onUnload: function () {},
    
    /**
    * 页面相关事件处理函数--监听用户下拉动作（这里添加了下拉刷新的功能）
    */
    onPullDownRefresh: function () {},
    
    /**
    * 页面上拉触底事件的处理函数
    */
    onReachBottom: function () {},
    
    /**
    * 用户点击右上角分享
    */
    onShareAppMessage: function () {}
    })

Page 实例的生命周期