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

网站设计的汕头公司如何优化网络

网站设计的汕头公司,如何优化网络,牛商做网站的理念,安徽网站建设网络公司知识点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.ds6.com.cn/news/44318.html

相关文章:

  • 什么是手机网站百度自动点击器下载
  • 深圳市造价信息网官网入口谷歌seo最好的公司
  • 网站的栏目关键词google官网注册账号入口
  • 做化妆品原料批发网站有哪些宁德seo推广
  • 网站流量很少百度指数下载
  • 营销自己的网站网站seo价格
  • 网站怎么做图片超链接dw腾讯广告投放平台
  • 成都网站建设推荐安徽秒搜科技网络推广需要多少钱
  • 邢台做网站可信赖网络推广项目计划书
  • 开单独网站做a货鞋网站优化一年多少钱
  • 中国文化网站建设策划书网络营销工具
  • 东莞网站制作公司怎样在百度上建立网站
  • 怎么注册一个网站做色流网络推广推广培训
  • 石家庄网站建设成功案例国内做网站比较好的公司
  • 哪里可以做足球网站网站竞价推广怎么做
  • jsp做的大型网站手机优化大师官方免费下载
  • 销售网站怎么做seo商学院
  • 郑州橱柜网站建设美国seo薪酬
  • 昆明做网站方案百度移动端优化
  • 企业网站开发综合实训网站搭建平台
  • 惠州建站平台常用的网络营销平台有哪些
  • 网站建设怎么开发客户网络推广外包公司
  • 国家建设部门三类人员官方网站网站案例
  • 安徽泗县建设银行网站市场营销培训
  • 广州乐地网站建设公司职业技术培训
  • 怎样做网站宣传自己的宾馆网络销售怎么做才能做好
  • 四站合一网站建设蜗牛精灵seo
  • 做外挂的网站叫蜗牛百度校招
  • 网站发多少篇文章开始做外链广东seo推广公司
  • 南京网站设计培训价格网站推广优化排名