小程序开发过程中可能存在的问题（微信小程序开发常见错误）
本篇文章给大家谈谈小程序开发过程中可能存在的问题，以及微信小程序开发常见错误对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
开发微信小程序需要注意些什么问题
微信小程序开发有哪些注意事项：
1、注册小程序
在开发小程序之前，首先就是要注册一个小程序。不过注册的时候，也要根据需求来注册，看是否需要开通微信支付，去确定需要选择哪种主体去注册。如果需要开通微信支付的小程序，只能用企业为主体来注册。反之，则企业、个人均可注册。
2、分析讨论、需求对接
对开发需求进行分析，整理成需求文档，再与开发团队就需求文档进行技术性讨论，优化调整开发需求，确定最终的需求文档，与开发团队进行对接。
3、原型设计、UI设计前后端技术开发
确定开发需求之后，开发团队的产品经理会根据客户要求设计产品原型，而UI设计师同时会按需求文档去进行页面交互设计，再将设计稿交给开发人员进行技术开发。在功能需求确定、产品原型确定、设计稿经过确认之后，就可以进入正式系统定制开发阶段，将所有资料交到前后端的开发技术人员手中，让他们通过开发实现后台管理系统与前端效果呈现。
4、产品测试调优
在微信小程序系统基本开发完毕之后，就需要对产品进行测试，查找是否系统运行是否存在问题，对基本已经完成的系统进行整改调优。
5、审核发布
微信小程序开发存在哪些问题，如何解决
1、域名必须是HTTPS
非HTTPS的域名不被微信小程序允许。
2、input组件placeholder字体颜色
写在placeholder-class里面的color并不生效，需要写在placeholder-style里面就可以了。
3、wx.navigateTo无法跳转到带tabbar的页面
带有tabbar的页面，必须使用wx.switchTab进行跳转。
4、tabbar在切换时页面数据无法刷新
tabbar的实现可能是显示和隐藏view，所以，不会一直调用page.onLoad()方法，可以尝试把代码逻辑写在page.onShow()里面。
5、如何获取shareTickets
获取shareTickets需要在app.onLaunch或者app.onShow里面才能获取到，而不是page.onShow，请一定要注意。
注：建议在app.onShow里面去获取，app.onLaunch不是一直会执行。
6、getPhoneNumber获取手机号
目前该接口针对非个人开发者，且完成了认证的小程序开放。个人开发者是没办法调用这个API的。
7、wx.previewImage图片预览
预览的图片URL必须是HTTPS开头，不能是本地图片。
8、wx.playVoice音频播放
必须保证音频文件已经在本地，比如在wx.startRecord后，可以获取到filePath。或者提前调用wx.downloadFile来下载资源文件，然后再播放。
9、API老版本兼容
可以用wx.canIUse或者wx.getSystemInfoSync来进行判断，老版本给出相应提示即可。
10、获取系统信息
wx.getSystemInfo，可得到系统语言、屏幕宽高、微信版本号、操作系统、设备像素比、客户端甚础库版本等信息。
11、如何去掉自定义button灰色的圆角边框
主要是button的伪元素设置了样式，去掉即可： button::after{ display: none;}。
12、回到页面顶部
回到页面顶部，有两种方式：
A、使用scroll-view设置为纵向滚动，然后设置scroll-top值；
B、使用wx.pageScrollTo方法，此方法是1.4.0开始支持，所以要做低版本兼容；
13、input textarea是APP的原生组件，z-index层级最高
有做过搜索框的同学，可能会遇到IOS下面，设置icon的z-index后，依然无法显示。建议做显示隐藏效果：点击之前是一个view，点击之后隐藏view，显示input~。
14、小程序如何冷启动
小程序的机制，是在退出五分钟内进入，就会显示的是退出前的页面，如果你希望进入小程序都相当于冷启动的方式，直接进入主页面。你可以在page的onUnload里面里面set一个值，然后在app的onShow的时候判断这个值，然后决定是否跳到首页~
15、一段文字如何换行
小程序中唯一可以实现换行的标签组件是text。
注：text中不支持br，只能使用\n进行换行。
16、设置最外层标签的margin-bottom在IOS下不生效
margin-bottom在安卓和开发工具里面都正常，就是在IOS下不起效，建议改成padding-bottom。
17、小程序中canvas的图片不支持base64格式
base64格式图片，在开发工具里面可以正常显示，真机上没有显示。建议修改成带https开头的url形式。
二，可以直接在第三方平台上面开发小程序
请问小程序开发要注意些什么问题？
要想找到专业的小程序开发公司，需要参考以下标准：
第一，开发案例
一般来说，一家成熟的小程序定制开发公司都会有自己的小程序开发案例，特别是与自己的业务模式和产品特性相类似的开发案例，这也是在选择开发外包公司时最重要的指标之一。首先要明确自己所属的行业，重点关注该公司在这一领域的开发经验，并亲身体验他们的开发案例，确认他们所开发的功能是否可以满足自己的开发需求。可以说开发案例是展示该公司开发实力和经验的最佳方式。
第二，开发解决方案
首先，商家需要先根据自己的产品和业务发展规划，把小程序开发的功能需求整理成文档交予开发公司，然后再由开发公司组织团队成员对商家需求进行分析讨论，最后形成一份定制化的产品开发解决方案。解决方案中应当包含小程序的界面交互逻辑以及产品功能点等内容。如果这份解决方案不够全面或不专业的话，那么后续在开发和测试过程中会出现反复修改的问题，影响小程序正常的开发进度。
第三点：开发人员技术实力
首先，看这家公司的人员构成，尤其是推广人员和技术研发人员的比例，如果前者占较大比重，说明这是一家侧重销售的外包公司，但如果后者占比更大，则说明这家公司侧重的是技术研发，那么相比他们研发人员的技术水平不会太低。另外，也可以在需求沟通的过程中，通过观察技术人员的语言、行为和应变能力，判断其技术实力。
第四，开发价格
对于商家来说，小程序开发的成本是重要的考量标准，毕竟之所以外包，除了技术限制外，节约研发成本也是初衷之一。当然价格也不是越低越好，所有的开发公司都需要承担相应的运营和开发成本，如果对方报价比同行要低很多，则势必开发公司会从其他方面缩减成本，如果因此影响小程序的开发进度或功能效果，那就得不偿失了。所以，在选择开发外包公司时，尽量选择几家不同档次，不同价位的开发公司进行对比，结合小程序开发的功能、页面和价格等因素综合考虑，选择出性价比较高的一家。
小程序开发经验总结
最近一直在做小程序，工作中也遇到了一些问题，踩了一些坑，所以想着写篇文章记录下来，并借此将小程序开发的相关知识进行梳理，方便以后参考，也为刚刚接触小程序的人提供一些思路方法，互相学习，共同进步。
1、微信小程序的目录结构及配置说明
app.json是小程序的全局配置文件，所有配置项key必须使用 双引号括起来 ，value值为字符串类型的也必须使用双引号， 不支持单引号 。
1.1 pages
pages选项是必须配置的。该配置项注册了小程序所有页面的地址，其中每一项都是页面的 路径+文件名 。每一个页面都是由.json、.js、.wxml、.wxss四个文件组成，并且 四个文件的名字必须要一致 。
1.2 tabBar
tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。其中 list 接受一个数组，只能配置最少 2 个、最多 5 个 tab
1.3 usingComponents
使用自定义组件或者插件提供的组件前，必须先在这里声明
2、开发微信小程序遇到的问题及解决办法
2.1 双向绑定
微信小程序不支持通过v-model的方式实现自动双向绑定，需要给表单元素通过绑定事件，并使用this.setData来赋值实现。
2.2 computed和watch
微信小程序默认是不支持computed和watch的，如需要使用这两项功能，需要安装miniprogram-computed ，安装方法见 官方文档
2.3 对象赋值
如果给对象的属性赋值，可以使用this.setData({'obj.key':value})来赋值，但是如果给某个属性名是变量的属性赋值，通过这种方法是会报错的，经过多次尝试，发现使用如下的方式赋值成功。
let newObj = `obj.${key}`
this.setData({
[newObj]: value
})
2.4 scroll-view
当页面存在弹框容器，并且弹框里的内容是需要滚动条滚动展示时，如果弹框下面那层的容器使用view元素的话，会导致滚动弹框内容时，同时会触发弹框下面那层的页面容器也会一起滚动，解决此问题可以将弹框下面的容器使用scroll-view元素替代view元素
3、小程序测试和发布
由于服务器域名request合法域名每个月 只能修改5次 ，因此在本地开发小程序时，需要在微信调试工具中设置不校验合法域名。等小程序上线前再一次性将所有域名添加到小程序管理后台。
以上便是此次小程序开发中积累的一些经验，希望能给刚刚接触小程序的人提供一些思路方法，在以后的开发中，如果遇到新的问题，继续更新文档......
小程序开发过程中可能存在的问题的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于微信小程序开发常见错误、小程序开发过程中可能存在的问题的信息别忘了在本站进行查找喔。
