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

制作很好的网站招聘网络营销推广人员

制作很好的网站,招聘网络营销推广人员,嵊州门户网站,wordpress如何邀请人看知识点1:什么是事件 事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。 知识点2:小程序中常用的事件 类型绑定方式事件描述tapbindtap或bind:tap手指触摸后马上离开,类似于…

知识点1:什么是事件

  • 事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。

知识点2:小程序中常用的事件

类型绑定方式事件描述
tapbindtap或bind:tap手指触摸后马上离开,类似于 HTML中的click 事件
inputbindinput 或 bind:input文本框的输入事件
changebindchange 或 bind:change状态改变时触发

知识点3:事件对象的属性列表

  • 当事件回调触发的时候,会收到一个事件对象event,它的详细属性列表如下:
属性类型
typeString事件类型
timeStampInteger页面打开到触发事件所经过的毫秒数
targetObject触发事件的组件的一些属性值集合
currentTargetObject当前组件的一些属性值集合
detailObject额外的信息
touchesArray触摸事件,当前停留在屏幕中的触摸点信息的数组
changedTouchesArray触摸事件,当前变化的触摸点信息的数组

知识点4:target和currentTarget的区别

  • target是触发该事件的源头组件,而currentTarget则是当前事件所绑定的组件。
<button 
bind:tap="targetClick" 
type="primary" 
plain="true" 
id="123" 
>target按钮</button>
Page({targetClick(event){console.log(event)}
})
{type: "tap", timeStamp: 2827, target: {…}, currentTarget: {…}, mark: {…}, …}
changedTouches: [{…}]
currentTarget: {id: "123", offsetLeft: 0, offsetTop: 0, dataset: {…}}
detail: {x: 165.15625, y: 35.328125}
mark: {}
mut: false
target: {id: "123", offsetLeft: 0, offsetTop: 0, dataset: {…}}
timeStamp: 2827
touches: [{…}]
type: "tap"
__evName: "tap"
_allowWriteOnly: true
_relatedInfo: {anchorTargetText: "target按钮", anchorRelatedText: "", anchorTapTime: 1737007035902}
_requireActive: true
_userTap: true
__proto__: Object

<view bind:tap="targetClick" id="456" ><button type="primary" 
id="123" 
>target按钮</button></view>
Page({targetClick(event){console.log(event)}
})
{type: "tap", timeStamp: 4896, target: {…}, currentTarget: {…}, mark: {…}, …}
changedTouches: [{…}]
currentTarget: {id: "456", offsetLeft: 0, offsetTop: 0, dataset: {…}}
detail: {x: 97.828125, y: 60.65625}
mark: {}
mut: false
target: {id: "123", offsetLeft: 0, offsetTop: 25, dataset: {…}}
timeStamp: 4896
touches: [{…}]
type: "tap"
__evName: "tap"
_allowWriteOnly: true
_relatedInfo: {anchorTargetText: "target按钮", anchorRelatedText: "", anchorTapTime: 1737007515471}
_requireActive: true
_userTap: true
__proto__: Object
  • 点击内部的按钮时,点击事件以冒泡的方式向外扩散,也会触发外层view 的tap 事件处理函数。
  • target 指向的是触发事件的源头组件,因此,target是内部的按钮组件。(事件的触发者)
  • currentTarget 指向的是当前正在触发事件的那个组件,因此,e.currentTarget 是当前的 view 组件。(事件的响应者)

知识点5:bindtap 语法格式

  • 在小程序中,不存在HTML中的onClick鼠标点击事件,而是通过tap事件来响应用户的触摸行为。
<!-- 定义 -->
<button type="primary" bindtap="btnTapHandler">登录</button>
Page({//bindtap的实现btnTapHandler(e){console.log(e)}
})

知识点6:在事件处理函数中为data中的数据赋值

  • 通过调用this.setData(dataObject)方法进行赋值。
<!-- 定义 -->
<button type="primary" bindtap="changeCountHandler">当前计数:{{countNum}}</button>
Page({data:{
countNum:0
},
//target 实现targetClick(event){console.log(event)},//bindtap 实现btnTapHandler(e){console.log(e)},//data 赋值changeCountHandler(e){this.setData({countNum:this.data.countNum+1})}
})

知识点7:事件传参

  • 可以为组件提供data-*自定义属性传参,其中*代表的是参数的名字。
  • 通过event中解析出传递的参数。
<!-- 如果传递数字需要用{{}}包括,否则默认为字符串 -->
<button type="primary" bindtap="eventHandler" data-name="Jeck" data-age="{{18}}">事件传参</button>
 //data 事件传参eventHandler(e){console.log(e.target.dataset.name);}

知识点8:bindinput的语法格式

  • 在小程序中,通过input事件来响应文本框的输入事件。
<view>------------------bindinput--------------------</view>
<input bind:tap="inputHandler" placeholder="请输入"></input>
  //input 事件inputHandler(e){console.log(e)}

http://www.dt0577.cn/news/54120.html

相关文章:

  • 中文网站模板免费下载软文发布推广平台
  • 网络营销案例2022国内搜索引擎优化的公司
  • 孝感做网站公司扬州seo
  • 宁波营销型网站建设优化建站百度网络优化
  • 公司注册上海厦门百度seo
  • 网站备案被取消台州百度快照优化公司
  • cc域名做网站好吗seo怎么做优化方案
  • 秦皇岛网站建设兼职宁波网站seo哪家好
  • 网站如何做才会有流量seo查询 工具
  • 没有网站域名备案二手交易平台
  • 保定建设银行网站首页百度的营销推广
  • 免费空间大的网盘全达seo
  • 网站如何做子域名域名检测工具
  • 网站中上传资料存放ftp广告联盟接单平台
  • wordpress 平铺相册推广排名seo
  • 凡科一个注册做2个网站看广告赚钱一天50元
  • 香港网站建设展览宁德市公共资源交易中心
  • 广州做网站信科建设网络营销策划方案论文
  • 各大网站创始人各国足球世界排名
  • 模板网站什么意思百度代理公司
  • 昆明网站排名游戏代理平台一天结一次
  • 做网站的大公司都有哪些怀化seo推广
  • 织梦网站做自动生成地图百度官方认证
  • 在eclipse中做网站开发网络推广的主要内容
  • 口腔网站设计图青岛网站建设制作
  • 建设网站主机要买什么的好广州百度搜索排名优化
  • 上海网站建设网站制宁波优化推广选哪家
  • 网站分站代理加盟电商网站订烟平台
  • 简述网站开发的具体流程推广类软文案例
  • 用个人电脑做网站服务器客服外包