微信小程序知识点GET

1. app.json中的pages用来设置小程序包含哪些页面以及页面的路径、window用来设置默认页面的窗口表现形式、tabBar用来设置小程序底部tab的表现

2. app.js中的App()函数用来注册一个小程序,接受的对象参数用来指定小程序的生命周期函数等,注意App()必须在app.js中进行注册且不能注册多个

3. 全局的getApp()函数用来获取小程序实例

4. 页面初始化数据时会将Page函数内的JSON格式的data数据渲染到页面中,在页面中通过双花括号来标识

5. 每个页面的生命周期函数(onLoad/onShow/onHide/onUnload等)和每个页面的事件处理函数(onPullDownRefresh/onReachBottom/onPageScroll/onShareAppMessage)不同

6. 组件的事件处理函数可以在渲染层的组件中进行事件绑定,就会执行Page中定义的事件处理函数

这里写图片描述

7. this.setData()接受一个对象,以 key,value 的形式表示将 this.data 中的 key 对应的值改变成 value,其中 key 可以非常灵活,以数据路径的形式给出,如 array[2].message,a.b.c.d,并且不需要在 this.data 中预先定义

8. 在 JavaScript 文件中声明的变量和函数只在该文件中有效;不同的文件中可以声明相同名字的变量和函数,不会互相影响。通过全局函数 getApp() 可以获取全局的应用实例,如果需要全局的数据可以在 App() 中设置

这里写图片描述

这里写图片描述

这里写图片描述

9. 我们可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口

10. 数据绑定

这里写图片描述

这里写图片描述

这里写图片描述

11. 在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item。使用 wx:for-item 可以指定数组当前元素的变量名,使用 wx:for-index 可以指定数组当前下标的变量名。

这里写图片描述

这里写图片描述

12. 模板(template),可以在模板中定义代码片段,然后在不同的地方调用。定义模板:使用name属性,作为模板的名字。然后在内定义代码片段,使用模板:使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入

13. 事件

13.1 在组件中绑定一个事件处理函数,如bindtap,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数

这里写图片描述

在相应的Page定义中写上相应的事件处理函数,参数是event

这里写图片描述

13.2 事件分为冒泡事件和非冒泡事件

WXML的冒泡事件列表

这里写图片描述

事件绑定的写法同组件的属性,以 key、value 的形式。(1)key 以bind或catch开头,然后跟上事件的类型,如bindtap, catchtouchstart。(2)value 是一个字符串,需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。(3)bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡

13.3 如无特殊说明,当组件触发事件时,逻辑层绑定该事件的处理函数会收到一个事件对象

这里写图片描述

这里target和currentTarget都会包含id(事件源组件的id)、tagName(当前组件的类型)和dataset(事件源组件上由data-开头的自定义属性组成的集合)属性

这里写图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/406879.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CSS3 - 新单位vw、vh、vmin、vmax使用详解(附样例)

关于height:100%和height:100vh的区别 像 px、em 这样的长度单位大家肯定都很熟悉,前者为绝对单位,后者为相对单位。CSS3 又引入了新单位:vw、vh、vmin、vmax。下面对它们做个详细介绍。 一、基本说明 1,vw、vh、vmin、vmax 的…

删除两个双向链表中值相同的结点--无空白头结点

有两个双向链表,头指针为:pListA和pListB,要求删除这两个链表中值相同的结点, C语言实现,结点结构如下: struct node // 双向链表结点 {int key;struct node *front, *next; };完整源代码如下: /*功…

Enze Second day

哈喽,很高兴在云和学院又学了一天的新知识,现在,我来继续总结一下今天所学的以及对昨天的一些补充。 变量 • 声明变量的语法格式:–数据类型 变量名;•赋值: 变量名值;变量的命名 •命名规则:–1 必须以“字母”_或符号开头…

财务管理(Finance Management)

财务管理是指企业为实现良好的经济效益,在组织企业的财务活动、处理财务关系过程中所进行的科学预测、决策、计划、控制、协调、核算、分析和考核等一系列企业经济活动过程中管理工作的全称,其主要特点是对企业生产和再生产过程中的价值运动进行的管理&a…

微信小程序组件知识点GET

1. 可滚动视图区域组件scroll-view 在滚动 scroll-view 时会阻止页面回弹,所以在 scroll-view 中滚动,是无法触发下拉刷新事件 onPullDownRefresh,所以如果一定要使用下拉刷新,请使用页面的滚动,而不是 scroll-view &…

搭建一台本地json服务器

1、全局安装json-server(此时不管在哪个目录下面都可以) 2、cd至当前的项目文件夹所在的位置,新建一个文件夹jsonserver 3、在当前目录下运行npm init 4、再次安装运行 npm install json-server --save 5、此时的目录结构 --jsonserver--node_moduies--package-loc…

删除两个双向链表中值相同的结点--带空白头结点

有两个双向链表,空白头结点为:ListA和ListB,要求删除这两个链表中关键字相同的结点, C语言实现,结点结构如下: view plainstruct node // 双向链表结点 { int key; struct …

寻求空间支持

寻求支持.NET Framework 3.5以及SQL Server的空间,最好有本地磁盘读写权限(特定数据目录)。

判断浏览器版本语句大全

<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> <!--[if IE]> 所有的IE可识别 <![endif]--> <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]--> <!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]--> <!--[…

微信小程序API~GET

框架提供丰富的微信原生API&#xff0c;可以方便的调起微信提供的能力&#xff0c;如获取用户信息&#xff0c;本地存储&#xff0c;支付功能等 1. wx.on 开头的 API 是监听某个事件发生的API接口&#xff0c;接受一个 CALLBACK 函数作为参数。当该事件触发时&#xff0c;会调…

如何用DOS命令批量删除文件?(_desktop.ini 或 thumbs.db)

如何用DOS命令批量删除文件&#xff1f;比如viking蠕虫病毒会在系统里产生大量的“_desktop.ini”文件&#xff0c;虽然杀毒后系统无问题了&#xff0c;但看着总归不爽。我们可使用DOS命令批量删除“_desktop.ini”。 点击“开始”→“运行”&#xff0c;输入&#xff1a;“CMD…

Vue CLI3 开启gzip压缩

gizp压缩是一种http请求优化方式&#xff0c;通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩&#xff0c;可以减小60%以上的体积。 webpack在打包时可以借助 compression webpack plugin 实现gzip压缩&#xff0c;首先需要安装该插件&#xff…

让Sql Server也能出现如VS一样的智能提示工具--资源更新

一个非常实用的小插件&#xff0c;适合Sql Server2005以上版本&#xff0c;免费、无须注册。下面的图片是效果&#xff1a; http://rzhh.com.cn/down/sqlassc.rar 刚刚资源出错了&#xff0c;现在已经更新了资源&#xff0c;请大家下载。 转载于:https://www.cnblogs.com/zhang…

据库中事务、会话、线程这几个概念是什么关系

1、会话可以创建多个事务比如&#xff1a;使用客端连接数据库&#xff0c;这样你就可以执行很多个事务了2、一个事务只能由一个会话产生在数据库里的事务&#xff0c;如果在执行的SQL都是由会话发起的&#xff0c;哪怕是自动执行的JOB也是由系统会话发起的3、一个事务可能会产生…

什么是虚拟化,虚拟化的现状

什么事虚拟化 虚拟化是一个比较广义的概念&#xff0c;在计算机方面通常是指计算元件在虚拟的基础上而不是真实的基础上运行&#xff1b;也可以说是一种解决方案&#xff0c;为了简化管理&#xff0c;最大化利用现有资源。例如&#xff1a;现有有一台服务器&#xff0c;平…

Wireshark数据包分析(一)——使用入门

Wireshark简介&#xff1a; Wireshark是一款最流行和强大的开源数据包抓包与分析工具&#xff0c;没有之一。在SecTools安全社区里颇受欢迎&#xff0c;曾一度超越Metasploit、Nessus、Aircrack-ng等强悍工具。该软件在网络安全与取证分析中起到了很大作用&#xff0c;作为一款…