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中,即可实现全局设置,不是所有的样式都可以被组件继承的,小程序规定,只有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 ' '来实现模块的导入

你可能感兴趣的:(2019-03-15)