微信小程序从基础到实战1

微信小程序从基础到实战
微信小程序： 网址：http：mp.weixin.qq.com—>微信小程序文档API文档
微信小程序可以做什么：适用于大部分互联网产品，如：淘宝、美团 而360、支付宝则不适合
微信小程序有哪些变革：整个互联网上APP的出现 微信小程序开发准备：
1.微信开发账号（内测阶段）
2.微信开发者工具 微信小程序开发工具的使用
*基本使用：打开微信开发者工具—>> 添加项目–> 选择无AppId 勾选选项条–>进入
*代码编辑:
*项目调试:
*项目导入：添加项目—>项目目录中选择要导入的项目，即项目导入成功
*其他目录结构详解
*项目配置：每个页面包含：index.js文件和index.wxml文件Index.js文件—>配置界面入口Index.wxml文件–>配置页面UI通过这两个文件完成页面渲染工作Logs.json–>页面配置文件Logs.wxss–>页面样式文件可以进行定义App.js–>定义项目启动入口App.json–>定义每个页面以及配置
项目入口项目页面 微信小程序的视图与渲染
*组件的基本使用：新建页面–>创建js和wxml -->在app.json里面添加页面”pages/firstPage/first”–>要调用配置方法–>保存–>再调试重启
*标签的基本使用–>微信小程序中有代码，可复制 ，如：按钮button 、文本text
*数据绑定：在js的date中进行定义：text：”这里是内容” btnText:”这是按钮的内容” —>在first.wxml里{}添加如何更改内容：this.setDate({text:”这是一个新的内容…”})
*渲染标签：条件（if）标签 {{text}
条件：false/true{{{text}1{{text}2} 1.2
循环 （aaa,bbb,ccc为数组） 循环
*模板的使用：新建一个目录–>建一个模板文件–>写一个文本内容（组件） ---- 进入、相当于复制内容{这里是内容1 -{{text}} ----定义内容<template is=”footer” date=”{{text=’导入数据内容…’}}”/> } ----导入数据 -----定义显示模板
微信小程序的事件
*什么是事件：1.一种用户行为 2.一种通讯方式
*事件的类别：1.点击事件 tap 2.长按事件longtap 3.触摸事件 touchstart touched touchmove touchcancel（接触触摸和取消触摸） 4.其他 submit input…
*事件冒泡： 冒泡事件：点击事件 长按事件 触摸事件非冒泡事件：其他事件
事件绑定：
bind绑定 catch绑定区别：currentTarget 绑定事件
target触发事件语言的控件
dateset 添加自己的数据和属性事件对象详解