微信小程序(总结)

一、关于全局:

app.js:设置一些全局变量,写在globalData对象内。

app.json:配置所有page路径,开始页路径,tabbar,标题栏等(pages数组中里是所有用到的page页路径)。

app.wxss:全局样式,每个page都能继承app.wxss的样式(如果component想继承全局样式,需要在component的js文件中配置options: {addGlobalClass: true})。

二、关于tabbar:

1、原生tabbar

直接在app.json文件中的tabbar下的list数组中配置需要的tabbar,pagePath填写需要设置为tabbar的page路径,完了访问这个页面底部会自动生成tabbar。

2、自定义tabbar

 https://www.cnblogs.com/redRun/p/14355836.html

三、关于自定义组件:

微信开发者工具中小程序目录右键选择新建component,就建好了一个空组件,自己再往组件中填充内容。

page中如何引用组件:

1、找到需要引入该组件的page中的json文件,配置usingComponents:{组件标签名(自己定义):组件路径}

2、wxml中使用:<json文件中定义的组件标签></json文件中定义的组件标签>

page向component如何传值以及component如何接收值(类似vue中的props):

1、component接收值:component的js文件中,找到properties,这个对象就是存放的需要从外部传来的值(properties相当于vue中的props)

2、page传值:<json文件中定义的组件标签  component的properties定义的字段名=“要传的值”></json文件中定义的组件标签>

component向page传值(类似vue中的emit):

1、component通过triggerEvent('事件名(自己定义)',要传递的参数对象)方法(triggerEvent相当于vue中的emit)

2、page中自定义组件的写法:<json文件中定义的组件标签  bind:triggerEvent的事件名=“自定义方法”></json文件中定义的组件标签>

四、关于我踩的一些坑:

1、app.js

我一直以为只要右上角关掉小程序,重新打开就会重新执行app.js。但其实不会,只有你把该小程序从最近使用的小程序中移除再次进入才会重新执行app.js

2、page中js文件的data问题:

我之前图方便,data中声明的属性我直接赋值globalData中的值或者getStorageSync缓存中的值,但是有时候取到的是有问题的,最好不要在data中直接赋值,等到page的onload再赋值(或者等到component的attached再赋值)

 3、刷新页面:

我是用的scroll-view标签,然后设置refresher-enabled为true开启自定义下拉刷新(scroll-view需要设置高度)。下拉刷新果然可以。but,一直往下滑再往上滑,滑不上去了!!!
加上关键的一句:page{height: 100%;overflow: hidden;},破案了!(但是好像算是小程序的一个bug)

4、navigateTo和switchTab:

跳转用navigateTo,但是如果跳转的是tabbar,要用switchTab

5、h5跳小程序(回跳和非回跳):

回跳:(1)html引入微信的jssdk文件;(2)wx.miniProgram.navigateTo({url: '要跳转的微信地址(要和pages中配置的保持一致:pages/xxxx/xxxx)'});

非回跳:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/jump-miniprogram.html(注意appId是公众号的appId(非小程序的appId),并且需要在公众号的后台(非小程序后台)绑定该h5的域名,绑定的时候会有一个文件,下载下来放在服务器根目录才能配置成功)

6、小程序打开pdf并且需要在pdf上方悬浮按钮:

 https://www.cnblogs.com/redRun/p/14356728.html

五、关于业务域名的配置:

小程序后台(微信公众平台)配置业务域名,绑定业务域名的时候会有一个文件,下载下来放在服务器根目录才能配置成功(需要绑定的域名都需要把文件放在各个域名的服务器下)

六、关于小程序开发及发布流程:

在微信开发者工具开发(其他ide也可以)---->  点击预览可以手机端查看小程序(如果其他人需要查看,需要在小程序后台添加相应人员的微信号)----> 测试完成点击上传 ----> 小程序后台版本管理可以看到上传并提交审核 ----> 微信审核成功后小程序后台直接点击发布(无需再审核)

七:关于语法:

小程序的数据改变必须用setData,不能直接赋值

 

posted @ 2021-02-01 17:26  redRunZhy  阅读(74)  评论(0编辑  收藏  举报