微信小程序-学习笔记1-文件功能、标签、事件、模板

    学习笔记记录:

  1. 微信开发者账号:https://mp.weixin.qq.com点击立即注册即可注册账号
  2. 微信开发者账号:https://mp.weixin.qq.com/wiki
  3. AppData-程序数据
  4. 文件功能:js文件用来配置页面入口、wxml文件用来配置页面布局UI、wxss文件用来配置页面css文件、json文件是页面的配置文件,(如index.json文件,在外层的app.json文件中也会进行定义、app.json来定义每个页面即配置信息,配置的pages数组中的第一个页面位置即为小程序显示的首页)     ps:页面文件内的json文件与wxss文件会覆盖掉外层的app.json文件与app.wxss文件
  5. 事件:

           事件类别:点击事件(tap)、长按事件(longtap)、触摸事件(touchstart touchend touchmove touchcancel)、其他事件(submit、input) 

  1. bindtap绑定点击事件

    事件的绑定:bind绑定、catch绑定

    bind绑定事件会触发事件冒泡、catch绑定事件不会触发事件冒泡

    事件的对象:类型type、时间戳timeStamp、事件源组件target、当前组件currentTarget、触摸点数touches

    currentTarget 点击的目标view 绑定事件的组件

    target 目标view 发生事件的组件

  index.js:

app.js:

demo1:

first.wxml:

first.js:

view条件标签:

wx:if     wx:else  判断标签:

循环标签wx:for

更改数组内容,setData

下标值显示:

模板:共用的部分可以提取成模板

ps:通过wxml的import和include来使用文件模板;使用wxss的@import来引用wxss文件;使用js的require来引用js文件;

demo2:

ps:请求接口函数写在app.js中

 ps:来源于微信小程序开发文档及极客学院视频学习

宝剑锋从磨砺出,梅花香自苦寒来。
原文地址:https://www.cnblogs.com/haimengqingyuan/p/8359860.html