申请小程序账号
小程序注册分个人和企业，区别是：个人的账号发布上线受限，比如有直播，支付等功能的不支持上线。所以开发前，应该先调查清楚自己所开发的小程序需要什么资质和证书。
下载微信开发者工具
快捷键
快速打开文件：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 ' '来实现模块的导入
网友评论