在写作两年后,我学到了几种技术来提高此期间的发展效率和性能,现在以文章的形式总结了这些技术。
它用于记录未从父组件和不包含的参数捕获的所有不令人满意的参数,而是记录所有不包括从父组件引入的装饰器的事件。以下代码用于示例:
在中国
通常,我们可以与组件进行通信,在第二个包装组件中使用时,这更有效,例如:
另一个示例:
它用于记录parent component.like的子组件的所有捕获和参数
在中间,值是在与组件和孙子组件的定义相同的情况下使用的,例如::::
与一般组件相比,功能组件是无响应。,渲染开销要低得多。
将起始示例更改为功能组件,代码如下:
实际上,我们还可以在生产环境中调试调试。只要可用配置,如下所示:
我们可以通过测试测试中的用户角色信息来决定是否打开配置项目,从而改善行上的错误搜索的便利性。
分配的结果可以由高级别函数返回,例如:
以上功能分配是返回的结果,即具有反筛选函数的请求函数。该方法可以避免在组件中编写抗样品逻辑。
这是沙盒的示例。您可以单击以查看高端功能处理与原始效果之间的区别,如下所示:
另外,它也可以定义为生成器。如果我们的函数强调了需要执行的顺序,并且我们需要定义变量以记录上次的状态,则可以考虑使用生成器。
例如,有一个非常常见的场景:微信视频通话在连接以记录呼叫时间时显示计时器。此通话时间需要一秒钟更新一次,也就是说,需要每秒执行一次呼叫时间的功能。如果将其编写为普通功能需要存储记录时间的变量,但是如果使用了生成器,则可以巧妙地解决它,如下所示:
页面效应如下所示:
代码地址:代码沙箱
但是应该注意:方法不能是箭头函数
请注意,箭头函数不应用于定义函数(例如)。原因是箭头函数绑定了父级范围的上下文,因此它不会根据期望指向VUE实例,并且将。
许多开发人员在特定变量中称之为多个操作,如下所示:
尽管在更改时需要调用它们,但两者的时机可能不同。它可能只需要应用于同一配置。因此,该值的值添加到上述情况中。如果使用写作过程,则可以将其写入以下形式:
它是当前组件的初始化属性选项。通常,在开发中,我们希望在初始化值时重置值。可以像以下内容一样书写:
这样,当需要更改初始值时,只能在中间更改。
这是另一种情况:一种情况之一,我们每次打开时都需要数据中的数据,您可以这样写:
每次打开它时,都会调用该方法,以恢复初始值的值。显示了以下效果:
以上代码放置在SANBOX中
如果要重置所有值,则可以像以下内容一样写入:
跳过标记元素及其子元素的汇编过程。如果元素本身及其自己的元素被击败,而没有任何相关响应的响应逻辑,则可以使用标记。效果如下:标记后:
只有渲染元素和组件。随后的渲染,元素/组件及其所有子节点将被视为静态内容并跳过。这可以用于优化更新性能。
对于某些在第一次渲染后没有响应更改的元素,您可以使用属性标记,如下所示:
如果以上示例中的变量很大,并且不会发生响应变化,则该示例中的性能会得到改善。
如果您想收听子组件的生命周期,则可以像以下示例一样执行此操作:
当这种写作方式可用于处理加载第一个参与初始化过程的子模块时,我们可以添加动画。加载子组件时,在生命周期中删除动画。
第一次外面还有一个常用的写作。在需要更新的组件上,我们通常打开计时器,然后清除计时器,然后通过以下方式实现打开和破坏计时器的逻辑:
上面的写作确保了逻辑的统一性,并遵循单一责任的原则。
原始:https://juejin.cn/post/7103066172530098206