微信小程序学习新手如何去开发一套微信程序?
发表时间:2023-11-19 19:00:03
文章来源:炫佑科技
浏览次数:143
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
微信小程序学习新手如何去开发一套微信程序?
1.如何联系微信小程序
公司给了我一套之前外包给外包公司的小程序。 流程不行,逻辑也不对,于是就开始做小程序。 。 。 不过,这段时间确实是挺累的。 除了写前端功能之外,我也在查看后端同事的代码。 除了小程序还有公众号模板消息的开发研究。
2.小程序学习文档
新手如何开发一套微信小程序? 我经历过很多陷阱。 这里有两个地方可以学习开发微信小程序。 建议先阅读小程序官方文档,如有疑问可在小程序社区提问。
小程序官方文档
小程序社区
三、简单说一下常见的陷阱1、关于微信小程序:
微信小程序的app.json中无法分发属性。 那么我们应该做什么呢? 我们可以封装一个组件并在页面上调用它。 当然不仅如此,小程序的头部导航栏如果需要改变其他样式也需要重新封装。
2.关于小程序的-view:
说实话,这个组件我**次使用的时候感觉确实不错。 我用它在列表页上进行滑动编辑和删除。 然而,当我离线时,我发现手机可以使用以下代码,发现手机可以隐藏水平滚动。 bar,但是ios上会出现丑陋的滚动条。 于是我又传了一遍,封装了一个关于列表滚动的组件。
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
列表
编辑和删除
3.关于生命周期:
两个页面共享相同的数据。 对b页面进行操作后,返回a页面。 官方推荐的做法是把需要更新的数据放进去,但我个人觉得这个操作没有必要,而且还增加了服务器的负载。 压力,我个人感觉在b页面操作数据后,服务器已经收到操作了。 一旦到达页面 a,就无需告诉服务器。 我们只需要改变视图层的数据即可。 我的做法是在b页上做。 把里面的数据保存起来,这样b操作完之后,我们就可以更新里面的数据了。
4.关于js操作style属性的问题:
说实话,这确实是一个陷阱。 以前js操作css时,我们可以直接获取元素样式并设置。 然而,小程序却并非如此。 小程序无法操作元素的样式,所以我想到了一个解决方案,通过动态绑定的形式绑定元素的样式,然后改变js中的data中对应的数据来改变元素的样式。 这实在是令人不愉快。 如果修改太多的话,真的会让代码看起来很难看。
5.关于开发工具-增强编译:
在5.8增强编译之前,小程序工具不支持增强编译。 当然,没有对async和await进行分析,导致我写回调的时候非常痛苦。 我自己也封装了一个组件,当然这个增强编译我也很想要,但是更新之后,小程序工具出现了很多问题。 当然微信小程序学习新手如何去开发一套微信程序?,当时我也是其中之一微信小程序开发用什么编程语言,比如下面的链接。
小程序~增强编译
6.关于小程序的页面跳转:
需要区分是跳转到pages页面还是跳转到pages,以及跳转后是否支持返回。
7、关于使用git进行多人协作:
使用版本管理工具时,需要忽略这个..json文件,否则拉取的代码无法在小程序模拟器中显示。
8.关于转发功能:
小程序转发接口包括:
小程序转发
根据业务需求选择以上API即可。 当然,我们做的是转发后隐藏部分数据的功能。 我选择了 () 函数。 这里有一个简单的解释:
/**
* 用户点击右上角分享
*/
onShareAppMessage: function (res) {
return {
title: this.data.user,
path: `pages/bank/user?uid=${this.data.uid},${this.data.id},${this.data.name},${this.data.bank}`,
success: (res) => {
console.log('success', res)
},
fail: (res) => {
console.log('fail', res)
// 转发失败
}
}
},
9、关于虚拟账户拨号功能:
这是我**次使用虚拟账户功能。 起初,接口的返回值不是很稳定。 有时它返回虚拟电话号码,但有时不返回电话号码。 于是我就告诉老板,是因为虚拟接口不稳定的原因。 但老板却说虚拟号码是从阿里巴巴购买的,这就尴尬了。 他认为阿里巴巴可能不是*好的。 但我还是检查了后台同事的代码,发现逻辑和调用都没有问题,所以。 。 。 我咨询了阿里巴巴客服,发了工单。 *终不是界面不稳定,也不是后台代码不稳定,而是缺少虚拟电话号码,需要购买更多。 。 。