微信小程序page继承开发详解

作者:小飞燕 发布时间:2021-04-16 10:42:36

导语本文整理了全网深受用户关注的个微信小程序page继承开发详解经验知识,可以帮助您全面了解代理怎么做,小白也能成为高手,跟随小编一起来看一看吧!

小程序页面的开发涉及很多方面,但微信小程序页面在继承小编之前一直没有推出。,我们找到了一些信息供您参考和研究。

钩子函数的命名技巧

文档简单明了的介绍了页面的生命周期,生命周期不同阶段抛出的钩子函数有:onload-;昂秀-;onready-;在侧面-;空载.

使用过react的开发人员将会非常不愿意使用on作为命名钩子函数的前缀。react使用一系列具有时态语义的词(如will、did和should)来命名hook函数,这样开发人员就可以一目了然地区分hook函数对应的生命周期阶段。但在某种程度上是暧昧的。浏览器的用户行为事件机制和熟悉的jquery使用on作为api名称来捕获/监控事件。在这种情况下,on可以理解为有事就做,这也是大多数前端工程师对on语义的理解。这种对on的理解有一层截取的意思,比如onclick前面的href跳转可以截取其默认行为,这种行为发生在默认之前。但是请仔细思考on在window.onload中的含义onload的触发时间是在文档加载之后,执行我们定义的onload逻辑之前,文档已经完成加载行为。也就是说,onload不拦截加载行为,而是在加载事件之后发生。所以“on”这个词不能准确描述是之前还是之后,也没有时态语义。

具体到页面的生命周期挂钩功能,请以你的第一感觉了解以下功能的执行时机:

onloadonshowonready我相信大部分人对这三件事的理解是这样的:钩子函数是在load/show/ready完成后执行的。与window.onload相同.那么请思考以下两个实施机会:

onhideonunload和前三个一样吗?

先不探讨后两者的执行时机策略是否与前三者相同。请用常规思维思考以下应用场景:app导航栏左上角有一个“后退”按钮,如下图:

一个非常常见的逻辑是,如果用户在保存表单数据之前单击applet按钮,通常会弹出一个提示层,如下所示:

也就是说,页面有一个beforeuserleave策略,在执行userleave之前拦截并给出提示,以避免用户的误操作。这不仅是业务逻辑的要求,也是一个网站从开始到关闭的过程中的一个环节,是众所周知的window.onbeforeunload事件。

同样,作者参与的项目也有上述业务逻辑,在用户离开页面前提示用户的编辑状态。根据小程序的几个钩子函数,结合react和vue的开发经验,在onhide或者onunload拦截返回操作并给出提示是很自然的。

然而,它不起作用!onhide和onunload的执行时序策略与onload/onshow/onready相同!

也就是说,在卸载页面之前,不会执行onunload。这将导致用户单击“后退”按钮并返回到上一页。然后,突然弹出一个提示框:

用户:wtf?

钩子函数的正确执行时间

实际上,公文详细展示了页面各个钩子函数的执行时机,如下图所示:

从上图可以看出:

当前页面设置为后台后,触发onhide

当前页面被“销毁”后,会触发onunload。

当然,在设计组件时,每个人对组件的生命周期都有自己的理解和实现。并不是说一个小程序的页面生命周期设计的不好,只是希望提供更详细的挂钩功能,比如上面提到的“之前”策略,以实现更人性化的用户体验。

数据都是动态的

vue.js的1.x版本提供了activate hook函数,阻止了组件的后续执行,方便开发者在渲染组件前进行特殊处理,比如使用jsonp请求数据,成功后执行done触发组件的后续流程。

小程序中有没有被屏蔽的钩子函数?

也许大部分人和作者一样,首先想到的是试试昂秀是不是被屏蔽了,结果并不像预期的那样。小程序的页面组件不提供拦截挂钩功能。根据上面的图片,可以看到组件数据更新后有一个' rerender '动作。页面组件数据被统一为数据,而不是像react或vue那样区分道具和状态/数据。这种设计的优点是不需要监控某个数据,所有数据都是动态的,这意味着数据的变化都会触发重编。

小程序提供了一些内置的ui组件,但是逻辑组件只是app和page,并不是严格的父子组件。所以页面组件不需要类似的道具数据来反应,所有的数据都属于自己。

摘要

页面组件的生命周期非常简单易用。但当面临一些特殊需求时,它无法提供良好的支持。在这种情况下,我们必须不恰当地修改需求逻辑。

小程序中没有父子组件的关系谱,组件的数据无法区分道具和状态,都是统一的数据,都是动态的。对数据的修改都将触发重编。

这里介绍微信小程序页面继承的相关内容。其实货源代理网的小程序通道里还有一些其他的资料,需要的话可以自行搜索查看。

下面是题目的开头。微信小程序的功能怎么获取?标题到此结束

微信小程序的功能怎么获取?微信小程序现在很流行,但是很多人不知道怎么用,也不知道怎么打开这个微信小程序的功能。我们来看看微信小程序功能是如何启用的。

微信小程序的功能怎么获取?

微信开发了一个新功能,打开一个小程序。我都不知道怎么打开。这个小程序很好用,不用安装也可以用。对于内部储存空间较小的不幸家庭来说,这是一个福音。目前是安卓手机。所以就来分享一下我的经验:微信是怎么开小程序的?

首先打开我们的微信发现,看看有没有这个小程序。如果没有,我们会教你怎么打开。

“小程序”是微信新开发的比较新功能,只能在微信6.5.3版上使用,如果不是这个版本就要尽快升级这个版本。(安卓和ios必须是同一个版本),打开你的微信客户端,微信首页右下角的“我”。

“我”后,出现如图所示界面,然后“设置”。

“设置”后,出现如图所示界面,“关于微信”。

“关于微信”后,可以查看我们的微信版本。如果不是6.5.3版,我们需要升级。“查看新版本后”显示我的已经是比较新版本。

然后,当我们回到微信页面,搜索,输入“小程序示例”,就会出现小程序示例的演示。

“小程序示例”演示,可以看到小程序的组件显示,右下角有一个“界面”。我们“界面”后,会出现“小程序界面能力显示”,里面会介绍一系列小程序功能。

这时我们回到原来的微信发现界面,会看到“小程序”和属于小程序的专有标记,斜“s”。

“小节目”,然后我们输入想看的内容,比如“猫眼电影”。输入后右下角搜索,会出现“猫眼电影”的小程序。打开后会看到一些电影介绍。

回到微信发现界面,打开小程序后,这次我们会发现我们的发现界面里有自己打开的小程序,非常方便,不用自己搜索。

微信小程序的功能怎么获取?介绍完了,你学会了吗?目前,这是我们自己进入小程序的主要方式。以后可以通过离线扫码直接进入小程序,小程序入口会更多。

这是第一段的结尾。以下是结局。微信小程序的功能怎么添加?目前已经获得了657网友的青睐!正文到此结束

查看全文

猜你喜欢

微商怎么找货源

频道查询入口

微商代理怎么做