2019-03-15

申请小程序账号

小程序注册分个人和企业，区别是：个人的账号发布上线受限，比如有直播，支付等功能的不支持上线。所以开发前，应该先调查清楚自己所开发的小程序需要什么资质和证书。

下载微信开发者工具

快捷键

快速打开文件：ctrl+p；
最近打开过的文件：ctrl+e;

登录小程序账号后台获取appid

小程序基本结构

image.png

良好的结构（组件式编程）

image.png

组件

组件不能直接在页面中使用，需要在页面的json文件中引用，引用代码如下

"usingComponents":{
    "v-like":"/components/like/index",
    "v-movie":"/components/classic/movie/index"
  }

组件名字可以自定义，与组件的文件名不关联，团队最好有自己的命名规则，路径一般取相对路径

设置全局样式

在app.wxss中可设置全局样式,小程序在页面中最外层自动添加了<page></page>标签，所以我们只要将样式写在page中，即可实现全局设置,不是所有的样式都可以被组件继承的，小程序规定，只有font，color可以被组件继承，但page页面几乎可以继承所有样式

page{
  font-size:"32rpx";
  color:"#fff";
}

点击事件

绑定点击事件，有两种选择bind:tap,或者catch:tap，两者之间的区别
区别：bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡

组件的封装性，开放性以及组件的粒度

封装在内部，开放出来的，粒度指组件功能的大小
组件除了实现可复用之外，还可以实现代码的分离，将复杂的页面拆分成多个低耦合的模块，有助于代码的维护

接口请求

小程序只可以跟指定的域名进行网络通讯，所以需要在小程序后台-设置-开发设置，服务器设置中进行配置，域名只支持https和wss，域名必须经过icp备案

关于封装请求

1.在js6中,所有的js文件都是一个模块。这个模块中的任何一个变量对于其他文件都是不可见的，除非手动输出这个变量,使用export{ fun1,fun2 }这个关键字来实现，这样在其他模块这个变量就可以被导入使用，使用import { } from ' '来实现模块的导入