微信小程序

------------------------------------------------------------------------
w3c规定 boolean的属性不写就是true         
swiper轮播图有自己的高度 要想修改的话要改swiper而不是里面的swiper-item

currentTarget 是获取的事件注册元素的参数
target 是获取触发元素的参数
------------------------------------------------------------------------
rpx把屏幕分为750份

iphone 6 375px 分为 750份
既1rpx = 0.5px

wxss 导入其他wxss方法
@import '路径'
------------------------------------------------------------------------
小程序中 WXS 的典型应用场景是：“过滤器”
wxs 
内联wxs脚本
js不能满足小程序需求 所以要用wxs
wxs使用commonjs 不支持es6语法
在wxml中
<wxs module="m1">
    module.exports
</wxs>

外联wxs脚本
在wxml中
<wxs module="m2" src="../../utils/mytools.wxs">
    
</wxs>

app.wxss不会影响到components中的组件

组件中只有class选择器有样式隔离  ID 属性选择器 标签选择器 没有样式隔离
建议：在组件和引用组件的页面中，建议使用 class 选择器，不要使用 id、 属性、标签选择器

方式一：
    在组件的 .js 文件中新增如下配置

JavaScript
Component({
  options: {
    styleIsolation: 'isolated'
  }
})

 方式二：
    在组件文件的 .json 中新增如下配置

JavaScript
{
  "component": true,
  "styleIsolation": "isolated",
  "usingComponents": {}
}

修改组件中的properties 也是使用this.setdata({})

侦听器只能在组件中使用
不可以在页面中使用

observers:{

}

监听对象所有属性 obj就是变更后的对象
observers:{
'对象.**': function (obj) {
        // 逻辑代码
    }
}

------------------------------------------------------------------------
纯数据字段

组件内加一个和data同级的属性
options:{
// 以_开头的是纯数据字段
pureDatapattern:/^_/
}

纯数据字段可以不用this.setData({})来修改

使用this.data._属性名 来修改

应用的生命周期
onLaunch
onShow
onHide

页面的生命周期
onLoad
onShow
onReady
onHide
onUnLoad

组件的生命周期
写到和data同级的 lifetime：{}里面 
created 此时不能setData
attached 组件被创建 此时可以setData
detached 组件被销毁 退出某个页面时

在组件中使用页面的生命周期函数
show(){},
hide(){},
resize(){}

小程序插槽
单个插槽
slot

多个插槽加一个和data同级的
options: {
  multipleSlots: true // 当前组件可以使用多个插槽
},

子组件修改数据无法在父组件中更新

父子组件通信-父子组件传值

子组件用this.trigger('事件名','参数')

父组件用bind事件名="fn"
fn(e){} e.detail就可以获取子组件传过来的参数

父子组件通信-获取子组件实例
在父组件给用到的子组件加一个id或者class
写的id就#id名 写的class就.class名
然后在点击事件中调用const com = this.selectComponent('#mycom')
com.data可以获取子组件的属性
也可以获取子组件的方法 到时候打印com就可以了

小程序的混入叫做behavior

建一个新的文件：behaviors/mybehaviors.js

module.exports = Behavior({
    data: {
        username: 'zs'
    },
    properties：{},
    methods: {},
})

在需要的位置导入并使用 behaviors
const myBehaviors = require('../../behaviors/mybehaviors.js')

Component({
    behaviors: [myBehaviors]
})

uni-app
.gitkeep 就是用来占位的文件

uniapp开发
结构代码 和 生命周期函数 用小程序的其他的用vue的

ascii码
48-57 数字
65-90 小写
97-122 大写