System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 小程序指令化调用的方法、系统、设备及储存介质技术方案_技高网

小程序指令化调用的方法、系统、设备及储存介质技术方案

技术编号:40521011 阅读:6 留言:0更新日期:2024-03-01 13:39
本发明专利技术公开了一种小程序指令化调用的方法、系统、设备及储存介质,所述方法包括:将封装组件时的内部组件声明为抽象节点,在封装组件调用时由开发者显示传入;将所述内部组件设置为虚拟的来改变所述内部组件的默认行为;执行指令逻辑,并对所述内部组件进行渲染。通过本公开的处理方案,可以大幅减少代码复杂度,并且优化代码逻辑可读性和复用性,提升开发体验。

【技术实现步骤摘要】

本专利技术涉及计算机,特别是涉及一种小程序指令化调用的方法、系统、设备及储存介质


技术介绍

1、前端开发中,常见架构设计都会有指令组件,如vue的v-if、v-for,anrgular的ng-if,ng-for等内置指令,并且允许开发者自行扩展自定义指令组件,来实现逻辑封装用来简化代码和解耦逻辑的目的。

2、而在小程序中,虽然提供了wx:if、wx:for一些内置的指令,却未暴露自定义指令的实现接口,导致一些常见的逻辑代码复用起来十分冗余,抽象和解耦困难。


技术实现思路

1、有鉴于此,本公开实施例提供一种小程序指令化调用的方法,至少部分解决现有技术中存在的问题。

2、第一方面,本公开实施例提供了一种小程序指令化调用的方法,所述方法包括以下步骤:

3、将封装组件时的内部组件声明为抽象节点,在封装组件调用时由开发者显示传入;

4、将所述内部组件设置为虚拟的来改变所述内部组件的默认行为;

5、执行指令逻辑,并对所述内部组件进行渲染。

6、根据本公开实施例的一种具体实现方式,所述方法还包括:

7、声明组件懒渲染,并将其设置为虚拟的;

8、在组件json配置中,声明所述抽象节点接收名称;

9、在wxml模板中加入代码,对所述抽象节点接收名称进行调用;

10、声明一个普通的业务组件,并在所述普通的业务组件的wxml模板加入预设代码;

11、通过所述预设代码初始化所述普通的业务组件,界面渲染出所述预设代码包含的内容;

12、将所述普通的业务组件将作为抽象节点交给懒渲染组件控制渲染。

13、根据本公开实施例的一种具体实现方式,所述懒渲染,包括:

14、在懒渲染的逻辑代码中增加节点插入时执行的逻辑代码:

15、在懒渲染组件插入到dom树时,不立刻渲染预设节点,而是等待1秒后,在wxml模板中,待预设节点在show条件为真值时进行渲染;

16、结果改造后,再重新渲染代码。

17、根据本公开实施例的一种具体实现方式,所述普通的业务组件在1秒后渲染完成。

18、根据本公开实施例的一种具体实现方式,所述封装组件的封装功能包括:权限控制、按需渲染-懒渲染、曝光检测和展示动画。

19、第二方面,本公开实施例提供了一种小程序指令化调用的系统,所述系统包括:

20、抽象模块,被配置用于将封装组件时的内部组件声明为抽象节点,在封装组件调用时由开发者显示传入;

21、虚拟模块,被配置用于将所述内部组件设置为虚拟的来改变所述内部组件的默认行为;

22、渲染模块,被配置用于执行指令逻辑,并对所述内部组件进行渲染。

23、根据本公开实施例的一种具体实现方式,所述系统还包括:

24、执行模块,被配置用于声明组件懒渲染,并将其设置为虚拟的;

25、在组件json配置中,声明所述抽象节点接收名称;

26、在wxml模板中加入代码,对所述抽象节点接收名称进行调用;

27、声明一个普通的业务组件,并在所述普通的业务组件的wxml模板加入预设代码;

28、通过所述预设代码初始化所述普通的业务组件,界面渲染出所述预设代码包含的内容;以及,

29、将所述普通的业务组件将作为抽象节点交给懒渲染组件控制渲染。

30、第三方面,本公开实施例还提供了一种电子设备,该电子设备包括:

31、至少一个处理器;以及,

32、与所述至少一个处理器通信连接的存储器;其中,

33、所述存储器存储有能够被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行时,使所述至少一个处理器前述第一方面或第一方面的任一实现方式中的任一项所述的小程序指令化调用的方法。

34、第四方面,本公开实施例还提供了一种非暂态计算机可读存储介质,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令当由至少一个处理器执行时使所述至少一个处理器执行前述第一方面或第一方面的任一实现方式中的小程序指令化调用的方法。

35、第五方面,本公开实施例还提供了一种计算机程序产品,所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序,所述计算机程序包括程序指令,当所述程序指令被计算机执行时,使该计算机执行前述第一方面或第一方面的任一实现方式中的小程序指令化调用的方法。

36、通过本公开实施例中的小程序指令化调用的方法,可以在小程序开发过程中,将许多可复用的逻辑进行指令封装,常见的封装功能有:权限控制、按需渲染-懒渲染、曝光检测、展示动画等等,在业务开发中,可以大幅减少代码复杂度,并且优化代码逻辑可读性和复用性,提升开发体验。

本文档来自技高网...

【技术保护点】

1.一种小程序指令化调用的方法,其特征在于,所述方法包括以下步骤:

2.根据权利要求1所述的小程序指令化调用的方法,其特征在于,所述方法还包括:

3.根据权利要求2所述的小程序指令化调用的方法,其特征在于,所述懒渲染,包括:

4.根据权利要求3所述的小程序指令化调用的方法,其特征在于,所述普通的业务组件在1秒后渲染完成。

5.根据权利要求1所述的小程序指令化调用的方法,其特征在于,所述封装组件的封装功能包括:权限控制、按需渲染-懒渲染、曝光检测和展示动画等等。

6.一种小程序指令化调用的系统,其特征在于,所述系统包括:

7.根据权利要求6所述的小程序指令化调用的系统,其特征在于,所述系统还包括:

8.一种电子设备,其特征在于,该电子设备包括:

9.一种非暂态计算机可读存储介质,其特征在于,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令当由至少一个处理器执行时使所述至少一个处理器执行如权利要求1至5中的任一项所述的小程序指令化调用的方法。

【技术特征摘要】

1.一种小程序指令化调用的方法,其特征在于,所述方法包括以下步骤:

2.根据权利要求1所述的小程序指令化调用的方法,其特征在于,所述方法还包括:

3.根据权利要求2所述的小程序指令化调用的方法,其特征在于,所述懒渲染,包括:

4.根据权利要求3所述的小程序指令化调用的方法,其特征在于,所述普通的业务组件在1秒后渲染完成。

5.根据权利要求1所述的小程序指令化调用的方法,其特征在于,所述封装组件的封装功能包括:权限控制、按需渲染...

【专利技术属性】
技术研发人员:曹悦
申请(专利权)人:艺龙网信息技术北京有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1