微信小程序的知识点(微信小程序相关知识)

【微信小程序】前面写的小程序知识补充：

观众大家好，这里是前端小六不爱牛牛频道，小程序系列又更新了。

另外，中秋节也快到了。程序员中秋节一定要放松一下，中秋节前不能偷懒，抓紧时间学习哈哈！

上面我们讲解了页面导航，那么我们补充一些小程序的碎片知识，熟悉一下微信特有的语言wxs，那我们就马上开始吧。

文章目录

1.下拉刷新2.上拉到底部3.自定义编译模式4.生命周期5.wxs初识

一，下拉刷新

下拉刷新是小程序中用户常用的操作。顾名思义，用户用手指向下拉。该操作会导致页面数据重新加载，需要我们自己配置。

第一种是使能下拉操作，分为两种。一种是全局启用，即我们可以在小程序的所有页面上实现下拉操作。为此，我们需要在全局配置文件app.json中找到window节点，在里面添加enablePullDownRefresh:true，如下所示。

然而，这并不友好。如果全局开启的话，一些不需要刷新的页面也会有下拉操作。同时，它是多余的，可能不会给用户带来良好的体验。

所以推荐第二种方法，就是本地打开，即针对一个页面打开。配置项与上面一致，但是我们需要在对应的page文件夹中配置pagejson文件配置。这种情况下就不需要指定窗口节点了，如下所示。

那么默认的下拉加载效果是这样的：

我们可以稍微修改一下它们的样式，比如：

'backgroundColor':'#909090','backgroundTextStyle':'深色'

此时我们会发现下拉操作并没有带来数据重新加载。这时候我们需要监听用户的下拉事件onPullDownRefresh()，在这里我们可以更新数据。该回调函数已在初始化期间准备好。好的，这是：

回调函数的操作基本上可以分为三步：

onPullDownRefresh(){//1.将需要重新加载的重要数据重置为默认值//2.数据请求，重新获取数据并渲染//3.停止下拉刷新样式，这需要我们手动停止，只需调用wx.stopPullDownRefresh()}

二，上拉触底

拉到底操作通常用于加载更多数据。我们在网络的研究中已经对此非常精通了。下拉到底部一般在小程序中不设置样式。我们直接通过onReachBottom()监听该事件，该事件在初始化时也已准备好，我们可以直接在页面的json文件中查找并使用它。

当然，我们也可以配置上拉触底时的距离。默认是从底部滚动到50px时触发。配置项为onReachBottomDistance。

一般来说，当拉升、触底以获取更多数据时，我们需要添加节流，以防止发送多个数据请求。

里面的回调函数没什么好说的。它在请求新数据后呈现更多框。

三，自定义编译模式

在开发和调试过程中，我们会多次重新编译小程序，然后检查效果。但在普通的微信开发者工具编译中，每次重载都会默认打开首页。我们还需要点击相应的修改。查看页面非常不方便，那么我们可以使用自定义编译模式，选择启动页。

我们还可以传入启动参数，这非常好。

四，生命周期

生命周期其实之前已经提到过，所以这里简单概述一下，补充一些内容。

小程序的生命周期其实就像vue的生命周期一样，就是每个时间阶段挂了几个内置函数钩子。这些钩子将自动按照一定的顺序执行。我们可以将这些函数进行封装，使得某个代码块在特定的时间段内被调用。

小程序的生命周期分为应用程序和页面。应用可以理解为整个小程序。从关系的角度来看，应用程序包含页面。应用程序的生命周期函数在app.js文件中声明。还有onLaunch，是小程序初始化时调用的。有onShow，小程序启动时或者小程序从后台进入前台时调用，还有onHide，小程序切换到后台时调用。

对于页面来说，页面中定义了onLoad、onShow、onReady、onHide、onUnload。OnShow和onHide与应用程序的解释类似。当页面显示/隐藏时调用它们。其他三个钩子仅在第一次渲染时执行一次onReady。完成通话。

五，wxs初识

wxs是微信独有的脚本语言，用于帮助小程序渲染页面结构。注意是页面结构，也就是说它实际上并没有太多涉及负责JS的逻辑层。我们可以把wxs理解为一个过滤器。我们了解到，过滤器是一个对特定数据进行处理，然后将结果渲染到页面上的函数，这就是对数据的处理。

例如，获取时间戳，将其更改为您想要的格式，并将其渲染到页面。

wxs相比js有几个特殊之处，或者说它们之间没有关系。

Wxs有自己的数据类型，数字、字符串、布尔值、对象、函数和数组。wxs不能调用js文件的函数，也不能调用微信的API。wxs函数不能作为组件的事件回调。在iOs中，wxs的运行效率比js高很多，在2到20倍之间。在Android上，两者运行效率基本没有区别。今天的小程序文章到这里就结束了。如果觉得有帮助的话，可以关注牛牛的下一篇文章。感谢您的支持。您的支持是我们创作最大的动力！

最后祝大家中秋节快乐！

欠债见你~~