当前位置: 首页 > news >正文

传统企业公司网站优化案例微信小程序功能开发

传统企业公司网站优化案例,微信小程序功能开发,高端简约30平米办公室装修,网站建设树状图1. 什么是 behaviors 2. behaviors 的工作方式 3. 创建 behavior 调用 Behavior(Object object) 方法即可创建一个共享的 behavior 实例对象,供所有的组件使用: 4. 导入并使用 behavior 5. behavior 中所有可用的节点 6. 同名字段的覆盖和组合规则* 关…

1. 什么是 behaviors

在这里插入图片描述

2. behaviors 的工作方式

在这里插入图片描述

3. 创建 behavior

调用 Behavior(Object object) 方法即可创建一个共享的 behavior 实例对象,供所有的组件使用:
在这里插入图片描述

4. 导入并使用 behavior

在这里插入图片描述
在这里插入图片描述

5. behavior 中所有可用的节点

在这里插入图片描述

6. 同名字段的覆盖和组合规则*

在这里插入图片描述

关于详细的覆盖和组合规则,大家可以参考微信小程序官方文档给出的说明:
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/behaviors.html

附:官方文档-behaviors

behaviors 是用于组件间代码共享的特性,类似于一些编程语言中的 “mixins” 或 “traits”。

每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。 每个组件可以引用多个 behaviorbehavior 也可以引用其它 behavior

详细的参数含义和使用请参考 Behavior 参考文档。

组件中使用

组件引用时,在 behaviors 定义段中将它们逐个列出即可。

代码示例:

在开发者工具中预览效果

// my-component.js
var myBehavior = require('my-behavior')
Component({behaviors: [myBehavior],properties: {myProperty: {type: String}},data: {myData: 'my-component-data'},created: function () {console.log('[my-component] created')},attached: function () { console.log('[my-component] attached')},ready: function () {console.log('[my-component] ready')},methods: {myMethod: function () {console.log('[my-component] log by myMethod')},}
})

在上例中, my-component 组件定义中加入了 my-behavior

my-behavior 结构为:

// my-behavior.js
module.exports = Behavior({behaviors: [],properties: {myBehaviorProperty: {type: String}},data: {myBehaviorData: {}},attached: function(){},methods: {myBehaviorMethod: function(){}}
})
  • 属性:myBehaviorProperty
  • 数据字段:myBehaviorData
  • 方法:myBehaviorMethod
  • 生命周期函数:attachedcreatedready

这将使 my-component 最终结构为:

  • 属性:myBehaviorPropertymyProperty
  • 数据字段:myBehaviorDatamyData
  • 方法:myBehaviorMethodmyMethod
  • 生命周期函数:attachedcreatedready

当组件触发生命周期时,上例生命周期函数执行顺序为:

  1. [my-behavior] created
  2. [my-component] created
  3. [my-behavior] attached
  4. [my-component] attached
  5. [my-behavior] ready
  6. [my-component] ready

详细规则参考 同名字段的覆盖和组合规则

同名字段的覆盖和组合规则

组件和它引用的 behavior 中可以包含同名的字段,对这些字段的处理方法如下:

  • 如果有同名的属性 (properties) 或方法 (methods):
    1. 若组件本身有这个属性或方法,则组件的属性或方法会覆盖 behavior 中的同名属性或方法;
    2. 若组件本身无这个属性或方法,则在组件的 behaviors 字段中定义靠后的 behavior 的属性或方法会覆盖靠前的同名属性或方法;
    3. 在 2 的基础上,若存在嵌套引用 behavior 的情况,则规则为:引用者 behavior 覆盖 被引用的 behavior 中的同名属性或方法。
  • 如果有同名的数据字段 (data):
    • 若同名的数据字段都是对象类型,会进行对象合并;
    • 其余情况会进行数据覆盖,覆盖规则为: 引用者 behavior > 被引用的 behavior靠后的 behavior > 靠前的 behavior。(优先级高的覆盖优先级低的,最大的为优先级最高)
  • 生命周期函数和 observers 不会相互覆盖,而是在对应触发时机被逐个调用:
    • 对于不同的生命周期函数之间,遵循组件生命周期函数的执行顺序;
    • 对于同种生命周期函数和同字段 observers ,遵循如下规则:
      • behavior 优先于组件执行;
      • 被引用的 behavior 优先于 引用者 behavior 执行;
      • 靠前的 behavior 优先于 靠后的 behavior 执行;
    • 如果同一个 behavior 被一个组件多次引用,它定义的生命周期函数和 observers 不会重复执行。
http://www.15wanjia.com/news/171917.html

相关文章:

  • 江苏省网站备案系统做网站需要域名 域名是啥
  • 书籍网站开发多少钱个人主页的html设计
  • 大一学生做的网站智慧建设网站
  • 泰州网站制作专业网站开发软件开发项目
  • 淘宝网站建设费用开发公司施工管理事业部领导如何同下属协调沟通
  • 企业网站建设需要哪些设备网站建设远程教育大学论文
  • 网站设计一般多长时间松江区网站建设
  • 中国都有哪些网站高端礼品定制网站
  • 织梦医疗网站源码建设银行网站多少
  • 西部数码网站管理助手v4.0什么网站可以做邮件列表
  • 有什么做衣服的网站吗规划网站开发总体方案
  • 中国空间站有多大手机页面设计软件
  • 白沟网站开发建筑工程网络进度计划备注填写范例
  • 建立内部网站需要多少钱广州市住房建设公租房网站
  • 网站开发的经济可行性简答网站内容建设的时候内链重要性
  • 阜蒙县建设镇官方网站html网站开发心得
  • 网站是怎么被挂马江苏网站建设seo优化
  • 网上做环评立项的网站是哪个中铁建设集团官网
  • 医学网站建设风格wordpress显示的是文件目录
  • 自学建站网wordpress插件 幻灯片
  • 自学网站建设需要什么学历佛山网站营销推广
  • 网站优化招商微信开放平台怎么注销账号
  • 备案网站的黑名单沈阳建设工程信息网官网新网站
  • 团购网站营销方案网页代理软件
  • 家居类企业响应式网站ps手绘网站有哪些
  • 长春建站公众号互联网排行榜
  • 企业用什么做网站陕西建设注册中心网站
  • 网站主题旁边的图标怎么做的个人网页设计教程
  • 网站建设360小象编程官网登录入口
  • 网站怎么连接网用照片做视频的模板下载网站