微信小程序开发前的必要准备以及常见问题

一、微信小程序开发前的必要准备
1.注册自己的小程序。个人可注册5个（不支持微信支付），企业主体可注册50个。
2.备案过的域名。
3.一台服务器。如果你不需要进行后台交互，只是个单机版工具，可以不需要。另外，腾讯云也提供所谓 serverless 的云开发服务，不需要自己搭建服务器后台，直接使用云端接口即可。
4.HTTPS。大的云服务商都提供了免费的申请，也可以自己通过 letsencrypt 自行申请。

二、开发过程中常见问题
1.input组件placeholder字体颜色
写在placeholder-class里面的color并不生效，需要写在placeholder-style里面就可以了

2.节点结构
在 JavaScript 里，经常能看到类似下面的语句：

首先，选中 DOM 元素；然后，修改选中元素的子元素；最后，实现修改页面的内容和样式；而小程序的设计思路和上边的代码大相径庭 —— 不能动态修改 DOM 元素结构，只能通过修改 class 或使用 wx:if 条件渲染 动态修改样式

3.wx.navigateTo无法跳转到带tabbar的页面
带有tabbar的页面，必须使用wx.switchTab进行跳转

4.tabbar在切换时页面数据无法刷新
tabbar的实现可能是显示和隐藏view，所以，不会一直调用page.onLoad()方法，可以尝试把代码逻辑写在page.onShow()里面

5.getPhoneNumber获取手机号
目前该接口针对非个人开发者，且完成了认证的小程序开放。个人开发者是没办法调用这个API的

6.wx.playVoice音频播放
必须保证音频文件已经在本地，比如在wx.startRecord后，可以获取到filePath。或者提前调用wx.downloadFile来下载资源文件，然后再播放

7.Page注册错误
这个错误可能很容易理解，页面注册错误。页面是通过Page对象来渲染的，每个页面对应的js文件必须要创建page，最简单的方式就是在js文件下写入Page({})，在page中有管理页面渲染的生命周期，以及数据处理，事件都在这完成。这个错误引起的原因一般都是刚创建页面，js文件还有有处理或者忘了处理。所以要养成创建页面的同时在js文件先创建Page的习惯.

8.获取系统信息
wx.getSystemInfo，可得到系统语言、屏幕宽高、微信版本号、操作系统、设备像素比、客户端甚础库版本等信息

9.回到页面顶部
主要是button的伪元素设置了样式，去掉即可： button::after{ display: none;}

10.input textarea是APP的原生组件，z-index层级最高
有做过搜索框的同学，可能会遇到IOS下面，设置icon的z-index后，依然无法显示。建议做显示隐藏效果：点击之前是一个view，点击之后隐藏view，显示input~

11.4058错误
微信小程序创建项目时选择无AppID，创建项目时会生成app.json，app.josn是程序启动最重要的文件，程序的页面注册，窗口设置，tab设置及网络请求时间设置都是在此文件下的。如果你创建的项目目录下没有app.json文件就会报下面的错误。

我们看到上面的错误信息中有个数字-4058，这应该是初入微信小程序遇到最多的错误了，这种一般都是文件缺失，后面有个path，可以对着该路径看看是否存在这个文件。造成这种错误的原因一般都是创建项目选择的目录不正确，或者在app.json注册了一个不存在的页面。
当然还有一种情况就是在app.json文件的pages注册的页面是没有创建的，或者你删除了某个页面，但是没有取消注册也会是-4058错误。