微信小程序的开发，我踩过的那些坑留点纪念

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

微信小程序的开发，我踩过的那些坑留点纪念

我应该是赶上了微信小程序开发的**波浪潮，所以自然而然的就一路坎坷而来=。 =

1月9日，小程序正式上线。 我很早就来到公司开始修复bug了~

前不久，我重构了这个项目的一个版本~

现在正是总结项目的好时机，也留下一些我踩过的坑的回忆~

开发时候，不要简单的把小程序想象成我们web开发中的css、js、html，否则...

微信小程序的开发其实就是对微信信封包裹的项目进行二次开发。 我们必须遵守很多很多规则，*明显的就是标签元素。 许多标签自然会对应HTML中的标签元素。 建立这种对应关系确实可以帮助我们更快的上手小程序，但是我们一定要记住不要将它们等同起来，要记住它们是不同的。 。 另外，开发之前，记得先阅读官网文档上的Q&A，预热一下。

笔记：

1、以下标题根据微信开发工具上的选项进行划分。

2.总结还在一步步完善中，每天一点点~

3.欢迎留言指正错误，分享知识~

项目

1、开发环境未验证请求的域名和TSL版本

小程序有严格的域名检查规则，规定使用https。

因此，当你的开发环境是http时，记得勾选该选项，否则将无法请求接口数据。

2. 打开ES6至ES5。 如果有ES6语法，记得检查一下。

编辑

编辑，即开发。

1.文件参考

在小程序中，引入了模块机制。 我们可以在页面中引入我们需要的模块，但这种引入是单向的。 例如：

一份文件：

var b = ('../libs/b.js')

那么如果我们在文件 b 中看起来像这样：

var a = ('../libs/a.js')

开发工具会报错。 我目前的解决方案只是避免此类引用，直接将我需要的部分放在同一个文件中。

2.图片

1）通过属性引用图像

是的，我们可以看到在开发工具上效果很正常，但是当我们打开手机测试时开发微信小程序如何，Ops，图片丢失了。

官方文档中明确指出，无法通过CSS获取本地资源。

因此，当您决定使用 -image 属性时，您可以：

a=> 使用网络图片

b=>

2）通过图像标签的src属性引用图像。 这种引用方式没有资源来源限制，可以引用本地资源。

调试

调试时*大的感悟就是，无论是在开发工具上还是在手机上，测试前记得删除缓存。 并且当出现bug时，尽量多测试，反复确认。 否则，你可能会发现原来测试的功能又出现了问题，或者原来有问题的部分不再有问题，所以测试一下，多测试几次。

1、页面加载，前端向后台发送数据请求。 在开发阶段，我们在处理请求结果的时候，自然会一边调试一边修改。 有时候我们会遇到这样的情况，前端因为没有处理好，不断向后台发送请求，然后系统就卡住了。 当然，微信开发工具上也是如此。 然而除此之外，它还会带来另一个副作用，那就是它甚至可能无法向小程序本身的 API 发出请求。 如果出现这种情况，只要喝点茶，做做眼保健操，再坚持一段时间，就会好起来的。

2.代码上传错误。

移动预览小小程序。 在预览之前，我们需要在开发工具上上传代码。 说一下我遇到的错误：

1）明确指出我的代码中哪个文件有错误

这个比较容易做，直接找到对应的文件，和控制台结合起来微信小程序的开发，我踩过的那些坑留点纪念，修改完之后再上传代码即可。

2）错误提示未知原因的错误。

遇到这种情况，我的解决办法是：别担心，关掉我的开发工具，打开它们，然后重新上传。 看似有点无稽之谈，但成功的概率却非常高。 如果你不相信我，你可以尝试一下。

其他

1. 在开发过程中，记得时刻关注官方文档的更新日志，保持你的开发工具处于*新状态。 这是避免跳坑的一大法宝，不过现在已经可以了。 一开始还真是坑啊~

2.学会在开发社区中寻找答案。 如果您没有答案，请提出问题，有人会回答您。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等