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

微信小程序-学习笔记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:

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

app.js:

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

demo1:

first.wxml:

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

first.js:

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

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

view条件标签:

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

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

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

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

wx:if     wx:else  判断标签:

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

循环标签wx:for

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

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

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

更改数组内容,setData

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

下标值显示:

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

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

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

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

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

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

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

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

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

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

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

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

demo2:

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

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

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

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

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

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

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

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