前言

• 相信这段时间看过我文章的朋友都知道，我正在学习关于小程序的知识，因为之前重心没有放到这个方面。现在刚失业，不得不努力了！！很高兴和大家分享我的所学，希望我的文章能够帮助更多朋友学起来更容易

一、常用的内容

1.事件的传参

	##### 对于刚接触一个新的框架或语言也好,我的学习路线是: 
	 1. 基础的语法  
	 2.渲染的方式(如:条件渲染\文本渲染等)
	3.就是事件了(如:点击事件\改变事件\确认事件\输入发生变化)  
	4. 传参(事件传参\页面传参等) 
	5. 5. 接收数据、发送数据
	6.其它的就是一些小的细节上的东西


现在就来看看事件是怎么传参的吧,上代码:

//现在这里就相当于html了 
                    //data-msg 就是向事件传参  data- 是固定的  msg可自定义  就相当于函数的实参
<button bindtap="showMsg" data-msg=“你好,朋友”>   //一个按钮
//分割

//下面是js函数
showMsg(e){   //这个 e 是一个形参 向上看
     e.target.dataset.msg
}

2.wx的api

1. 微信的内置方法 弹出吐司提升

wx.showToast({title:"",icon:})

2. 网络请求工具

wx.request()   //内置参数可查看官方文档

3. 停止下拉刷新

wx.stopPullDownRefresh()

4. 本地存储.取出

wx.setStorageSync(key,value)   //存

wx.getStorageSync(key)  //取

3. 页面传参

1. 传递参数

                   //  ? 号后面的就是你要传递的参数
<navigator url="xxxx?docid=yyyy&title=zzz"></navigator>

2. 获取参数

onLoad(options){
			// options  内部放着你从上个页面传递过来的参数
    console.log( options.docid,options.title)
}

二、生命周期

1.onLoad 加载

onLoad(){
	加载    //可以获取页面传递的参数   向上看  
}

2. onShow 前台显示

onShow (){
	前台显示  //开始播放视频
}

3.onReady 初次渲染完毕

onReady (){
	初次渲染完毕  // 可以操作组件或者dom
}

4.onHide 隐藏

onHide(){
	 隐藏  // 停止播放
}

5.onUnload 卸载

onUnload(){
	卸载   
}

三、自定义组件（不常用的，知道就行）

1.步骤

1. 创建一个组件
2. 在页面中注册组件

 "usingComponents": {
    "item":"/components/item/item"
  }

3. 在页面中使用组件

<item></item>

2.组件的构造函数（Component）

1. 外部类 : externalClasses
2. properties : 父组件传入的属性（参数）
3. data : 组件内部的数据
4. methods : 组件的方法

3.组件的传参（父传子）

1. 父页面

<item title="收藏夹">

2. 子组件接收

properies：{
   title:{type:String,value:''}
}

3. 子组件页面wxml使用 : {{title}}
4. 子组件js的methods中使用 : this.data.title

4.子传父

1. 子组件js

this.triggerEvent("toggle",{value:true})

2. 父组件。wxml

<item bind:toggle="toogleHd">

3. 父组件.js

toggleHd(e){
   //获取
    e.detial.value
}

5.外部类

1. 子组件.js]

 externalClasses:[item-class]

2. 子组件.wxml

<view class="item item-class">

3. 父组件wxml传入

<item item-class="myItem">

4. 父组件.wxss

.myItem{ height:100rpx !important!;color:red;}

总结

微信小程序,项目体量相对较小.整体比较简单. 不过内部的js语法相对来说不是那么清晰,微信开发者工具我是用的快吐了,在这里希望官方能够尽量优化微信开发者工具, 那将对于开发者来说不枉是件美事!!