快手广告投放-快手小程序(开发-框架)09

发布时间:2023-06-13 22:22:04 作者:巨宣网络 来源:juxuan.net 浏览量(92)

快手广告投放-Component 构造器

Component 构造器可用于定义组件,调用 Component 构造器时可以指定组件的属性、数据、方法等。

Component(Object object)

快手广告账户-创建自定义组件,接受一个 Object 类型的参数。

参数:

定义段类型必填描述
propertiesObject Map组件的对外属性,是属性名到属性设置的映射表
dataObject组件的内部数据,和 properties 一同用于组件的模板渲染
observersObject组件数据字段监听器,用于监听 properties 和 data 的变化,参见 数据监听器
methodsObject组件的方法,包括事件响应函数和任意的自定义方法,关于事件响应函数的使用。详见组件间通信与事件
behaviorsString Array类似于 mixins 和 traits 的组件间代码复用机制,详见behaviors
createdFunction组件生命周期函数-在组件实例刚刚被创建时执行,注意此时不能调用 setData
attachedFunction组件生命周期函数-在组件实例进入页面节点树时执行
readyFunction组件生命周期函数-在组件布局完成后执行
movedFunction组件生命周期函数-在组件实例被移动到节点树另一个位置时执行
detachedFunction组件生命周期函数-在组件实例被从页面节点树移除时执行)
relationsObject组件间关系定义,详见组件间关系
optionsObject Map一些选项(文档中介绍相关特性时会涉及具体的选项设置,这里暂不列举
lifetimesObject组件生命周期声明对象,详见组件生命周期
pageLifetimesObject组件所在页面的生命周期声明对象,详见组件生命周期
<!--definitionFilterFunction

生成的组件实例可以在组件的方法、生命周期函数和属性 observer 中通过 this 访问。组件包含一些通用属性和方法。

属性名类型描述
isString组件的文件路径
idString节点 id
datasetString节点 dataset
dataObject组件数据,包括内部数据和属性值
propertiesObject组件数据,包括内部数据和属性值(与 data 一致)
方法名参数描述
setDataObject newData设置 data 并执行视图层渲染
hasBehaviorObject behavior检查组件是否具有 behavior (检查时会递归检查被直接或间接引入的所有 behavior)
triggerEventString name, Object detail, Object options触发事件,详见组件间通信与事件
createSelectorQuery创建一个 SelectorQuery 对象,选择器选取范围为这个组件实例内
createIntersectionObserver创建一个 IntersectionObserver 对象,选择器选取范围为这个组件实例内
selectComponentString selector使用选择器选择组件实例节点,返回匹配到的第一个组件实例对象(会被 ks://component-export 影响)
selectAllComponentsString selector使用选择器选择组件实例节点,返回匹配到的全部组件实例对象组成的数组(会被 ks://component-export 影响)
selectOwnerComponent选取当前组件节点所在的组件实例(即组件的引用者),返回它的组件实例对象(会被 ks://component-export 影响)
getRelationNodesString relationKey获取这个关系所对应的所有关联节点,详见组件间关系
<!--groupSetDataFunction callback
<!--getTabBar
getPageId返回页面标识符(一个字符串),可以用来判断几个自定义组件实例是不是在同一个页面内
<!--animateString selector, Array keyframes, Number duration, Function callback
<!--clearAnimationString selector, Object options, Function callback

代码示例

lifetimes: {

// 生命周期函数,可以为函数,或一个在methods段中定义的方法名

attached: function () { },

moved: function () { },

detached: function () { },

},

// 生命周期函数,可以为函数,或一个在methods段中定义的方法名

attached: function () { }, // 此处attached的声明会被lifetimes字段中的声明覆盖

ready: function() { },

pageLifetimes: {

// 组件所在页面的生命周期函数

show: function () { },

hide: function () { },

resize: function () { },

},

methods: {

onMyButtonTap: function(){

this.setData({

// 更新属性和数据的方法与更新页面数据的方法类似

})

},

// 内部方法建议以下划线开头

_myPrivateMethod: function(){

// 这里将 data.A[0].B 设为 'myPrivateData'

this.setData({

'A[0].B': 'myPrivateData'

})

},

_propertyChange: function(newVal, oldVal) {

}

}

})

注意:在 properties 定义段中,属性名采用驼峰写法(propertyName);在 ksml 中,指定属性值时则对应使用连字符写法(component-tag-name property-name="attr value"),应用于数据绑定时采用驼峰写法(attr="")。

properties 定义

定义段类型是否必填描述
type属性的类型
optionalTypesArray属性的类型(可以指定多个)
value属性的初始值
observerFunction属性值变化时的回调函数

属性值的改变情况可以使用 observer 来监听。目前,在新版本基础库中不推荐使用这个字段,而是使用 Component 构造器的 observers 字段代替,它更加强大且性能更好

代码示例

Component({

properties: {

min: {

type: Number,

value: 0

},

min: {

type: Number,

value: 0,

observer: function(newVal, oldVal) {

// 属性值变化时执行

}

},

lastLeaf: {

// 这个属性可以是 Number 、 String 、 Boolean 三种类型中的一种

type: Number,

optionalTypes: [String, Object],

value: 0

}

}

})

属性的类型可以为 String Number Boolean Object Array 其一,也可以为 null 表示不限制类型。

快手广告平台-多数情况下,属性最好指定一个确切的类型。这样,在 KSML 中以字面量指定属性值时,值可以获得一个确切的类型,如:

<custom-comp min="1" max="5" />

此时,由于自定义组件的对应属性被规定为 Number 类型, min 和 max 会被赋值为 1 和 5 ,而非 "1" 和 "5" ,即:

this.data.min === 1 // true

this.data.max === 5 // true

使用 Component 构造器构造页面

事实上,小程序的页面也可以视为自定义组件。因而,页面也可以使用 Component 构造器构造,拥有与普通组件一样的定义段与实例方法。但此时要求对应 json 文件中包含 usingComponents 定义段。

此时,组件的属性可以用于接收页面的参数,如访问页面 /pages/index/index?paramA=123&paramB=xyz ,如果声明有属性 paramA 或 paramB ,则它们会被赋值为 123 或 xyz 。

页面的生命周期方法(即 on 开头的方法),应写在 methods 定义段中。

代码示例

{

"usingComponents": {}

}

Component({

properties: {

paramA: Number,

paramB: String,

},

methods: {

onLoad: function() {

this.data.paramA // 页面参数 paramA 的值

this.data.paramB // 页面参数 paramB 的值

}

}

})

使用 Component 构造器来构造页面的一个好处是可以使用 behaviors 来提取所有页面中公用的代码段。

例如,在所有页面被创建和销毁时都要执行同一段代码,就可以把这段代码提取到 behaviors 中。

代码示例.

// page-common-behavior.js

module.exports = Behavior({

attached: function() {

// 页面创建时执行

console.info('Page loaded!')

},

detached: function() {

// 页面销毁时执行

console.info('Page unloaded!')

}

})

// 页面 A

var pageCommonBehavior = require('./page-common-behavior')

Component({

behaviors: [pageCommonBehavior],

data: { /* ... */ },

methods: { /* ... */ },

})

// 页面 B

var pageCommonBehavior = require('./page-common-behavior')

Component({

behaviors: [pageCommonBehavior],

data: { /* ... */ },

methods: { /* ... */ },

})


现在做快手广告是非常方便的,可以找给您开户的代理来做,一般都是免费帮您运营和优化的,比如巨宣网络,公司有着专业的广告运营优化团队,为您提供快手广告开户、账户的运营、快手短视频广告素材制作,快手信息流广告上线等服务,再也不用担心会出现广告成本过高,素材审不过等问题啦!

公司优势

提供80+媒体资源

我司提供互联网广告营销服务超10年,拥有专业的人才储备

行业头部客户运营经验

拥有单账户日消耗百万运营经验,广告账户总量超1万!

专业建站/美工/拍摄团队

账户开通后,提供专业的建站运营服务,百名运营服务!

较高政策优惠

如无需我司进行代运营,可提供较高返点政策,靠谱!

注意事项

首次开通账户注意哪些?
不论您是想投放那个媒体,都需要提前确定开户资质,避免因为资质不全无法上线,资质齐全才能上线广告,不论任何广告平台,资质齐全是广告上线最重要的第一步!
开通广告账户需要多少钱?
每个广告账户开户价格都有所差距,业内基础开户价格基本为5000元起充值,如低于该费用,需再三核实对方信息,避免上当受骗!
一般开通广告账户需要多长时间?
如果您的资质齐全,开户时间基本当天就可以下户,如行业较为特殊,开户时间基本不超过3个工作日。
开户后你们能做哪些服务?
开通广告账户后,我司可以协助广告主搭建落地页、上传广告素材、制作广告素材、效果优化等服务,我司拥有运营人员上百人!
可以帮助我们拍摄视频吗?
我司不提供免费视频拍摄,因目前各平台对于素材审核较为严格,视频素材如需我司提供需与我司客服沟通拍摄要求,视频拍摄价格从300元-3000元不等,根据广告主需求确定价格。

巨宣网络

专注信息流广告/直播广告/搜索广告/短视频广告开户服务!