微信小程序基础笔记

1. wxml的标签名称： 

view--div       text--span    image--img(src)    navidator(url)--a(herf)
image（默认的宽度为300px,高度240px)    

    2.          微信小程序知识点： 

• rpx是自适应单位 
• 支持部分css选择器：

class//id      伪类选择器     并集，后代选择器   element

   3.            app.js入口文件：  app（）  启动整个小程序。

                  其他文件： page（）来创建运行页面。

   4.            app.json里面"style"："v2"来表示版本，每个版本样式可能有区别

   5.            image中的mode属性：

• scaleToFill：(默认值)缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满
  image 元素
• aspectFit：缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来可以完整的将
  图片显示出来
• aspectFill：缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来图片通常
  旨在水平或垂直方向是完整的，另一个方向将发生截取
• widthFix：缩放模式，宽度不变，高度自动变化，保持原图宽高比不变
• heightFix：缩放模式，高度不变，宽度自动变化，保持原图宽高比不变

6.           常用事件

• tap    bindtap 或 bind:tap     手指触摸后马上离开，类似于 HTML 中的 click 事件
• input    bindinput 或 bind:input      文本框的输入事件
• change   bindchange 或bind:change   状态改变时触发
• e.target target 是触发该事件的源头组件。（子组件点击事件）
• e.currentTarget   则是 当前事件所绑定的组件 。（子组件点击父组件触发）