小程序知识点

1.小程序data-*属性

data-*属性可为任何类型,与HTML5的data-*相同,可以来为组件设置任意的自定义属性值。当组件上绑定的事件触发时,这些自定义属性将作为参数发送给事件处理函数,在事件处理函数中可以通过传入参数对象的currentTarget.dataset方式来获取自定义属性的值。

<view id="tapTest" data-test="test1" data-spark="spark" bindtap=‘tapName‘>动我一个试试我</view>

事件处理函数tapName的定义如下:

tapName: function(e){
    console.log(e);
  }

在事件处理程序中可以引用这两个属性:

e.currentTarget.dataset.spark
e.currentTarget.dataset.test

原文地址:https://www.cnblogs.com/taiguyiba/p/11068719.html

时间: 2024-10-10 00:08:09

小程序知识点的相关文章

微信小程序知识点梳理

小程序介绍 17年一月9号,小程序刚发布的时候,个人很幸运的成为第一批吃螃蟹的人,当然也是第一批采坑的人. 小程序是基于微信的一种应用,使用微信自定义的组件,让我们使用JavaScript的方式,达到匹配原生应用的效果.小程序的一大优势就是,你只要有个微信,你就能搜索你所需要的点餐.买票.旅游等一些日常需求的小程序,而且——用完即毁.无需下载. 小程序开发所需要的技能 小程序是最适合前端开发人员,你所需的知识仅仅是JavaScript.css.html的基本知识,如果你有其他单页面应用的开发经验

wx小程序知识点(二)

二.WXML和HTML的异同.WXSS和CSS的异同 (1)WXML和HTML 相同点:都是用来描述页面结构的,由标签.属性组成 不同点:标签名不一样,小程序标签名更少: 小程序多了 wx:if 这样的属性和 {{}} 的表达式: 小程序只能在微信开发者工具中预览,而HTML可以在浏览器中预览: 小程序对组件进行了重新封装: 小程序运行在 JS Core 内,没有DOM树和window对象,无法使用window对象和document对象 (2)WXSS和CSS 相同点:都是用来描述页面的样式 不

wx小程序知识点(一)

一.微信小程序中的目录及文件 (1)project.config.json 用于开发者工具配置 主要用于设置项目是否开启https校验(setting.urlCheck) (2) App.js 设置全局基础数据(记录日志.微信登录.获取用户信息) (3)App.json 底部tab(tabbar.list).标题栏(window).路由(pages) (4)App.wxss 公共样式(引入iconfont.container等) (5)pages目录 包含每一个具体的页面目录 (6)index目

wx小程序知识点(八)

八.小程序的优劣势 优势:   ① 不需要下载 ② 打开速度快 ③ 开发成本低 ④ 安卓上可以添加在桌面,与原生 App 相似 ⑤ 小程序的发布审查流程比较严格,安全保障 劣势:   ① 页面大小不能超过1M,不能打开超过5个层级的页面 ② 部分组件样式不可修改 ③ 推广面窄,只能分享给朋友,不能分享到朋友圈, ④ 依赖微信的后台,无法开发后台管理功能 原文地址:https://www.cnblogs.com/zhuxingqing/p/11391780.html

cpp学习笔记 1一个简单的小程序以及一些的知识点

今天买的cpp到了从今天開始又一次学习cpp如今发现学校发的书真的不怎莫样. <em>#include<stdio.h>//预处理命令 int main()/*第一个被调用的函数.能够比作是一个房子的门()代表main是一个函数. int 指明了返回值的类型*/ { int num;/*声明语句.声明了两件事一有一个名为num的变量二int 说明生命的变量 是一个整形. int是一个keyword num 是一个标示符 */ num = 1;//给变量赋值 printf("

小程序当中的文件类型,组织结构,配置,知识点等

小程序的文件类型 在微信小程序中有四种文件类型,主要分样式,骨架,业务,配置,样式为wxss,这里的wxss与页面的css相类似,骨架为wxml,这里的wxml于页面的html相类似,业务逻辑都是以js为结尾,配置文件为json结尾. 以.json为后缀的文件为json配置文件,以.wxml为后缀的文件为wxml模板文件,以.wxss为后缀的文件为wxss的样式文件,以.js为后缀的文件为js脚本逻辑文件. 小程序文件结构拥有app.js,app.json,app.wxss,Page->wxml

微信小程序(基本知识点)

创建页面的两种方式: 1.通过创建文件夹的方式创建(.wxml/.wxss/.json/.js/) 2.在app.json的"pages": []中添加路径"pages/news/news",并保存,会自动生成(推荐) 如下: "pages": [ "pages/news/news", "pages/index/index", "pages/logs/logs" ], 第一节总结: .j

微信小程序 基础知识点整理

1. 页面 每个可显示的页面,都必须在 pages.json 中注册; 首页一般是pages.json中pages数组的第一项; { "pages": [ //pages数组中第一项表示应用启动页 { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app" } }, { "path&

微信小程序全局配置知识点

疫情在家无聊总结一下微信小程序一些基础小知识希望对初学者有帮助.让我们一起对疫情“逆战”吧! 1.全局配置 ?程序根?录下的 app.json ?件?来对微信?程序进?全局配置.?件内容为?个JSON 对象 1.1 pages ?于指定?程序由哪些??组成,每?项都对应?个??的 路径(含?件名) 信息.?件名不需要写?件后缀,框架会?动去寻找对于位置的 .json, .js, .wxml,.wxss 四个?件进?处理 有多少个??,此处就应该有多少个选项 数组的第?项代表?程序的初始??(??