微信小程序项目总结（一）

-- KChris 2017.3.16 (=^.^=)

前言
微信小程序的开发，我应该算是遇上了第一波，因此，天然是一路踩坑而来 =。=
一月九日，小程序正式上线，早早地就到公司开始改bugs~
前不久，我又对这个项目重构了一版~
如今来作个项目总结恰好，就给我踩过的那些坑留点记念吧~

开发时,切忌将小程序简单地想象成咱们web开发中的css、js、html，不然···

微信小程序的开发，其实是在微信封装下对项目的二次开发了。不少不少的规则咱们必需要去遵照，其中很明显的就是标签元素。不少标签会让咱们很天然地和html中的标签元素对应起来，创建这种对应关系确实可以帮助咱们更快地入手小程序，可是必定要记得不要把它们等同起来，谨记它们是有区别的。还有，开发以前，记得看看官网文档上的Q&A，预热下。

注：
1.如下标题是按照微信开发工具上的选项进行划分的。
2.总结还在一步步地完善中，天天一点点~
3.欢迎留言指正错误，知识共享~

项目
1.开发环境不校验请求域名以及TSL版本
小程序有严格的域名检查规则，规定使用https。
因此，当你的开发环境是http时，记得将这个选项勾上，否则你是没法请求到接口数据的。

2.开启ES6转ES5
若是有用ES6语法的话，记得勾上。

编辑
编辑，也就是开发咯。

1.文件引用
在小程序中，它引入了模块机制，咱们能够在页面中引入咱们须要的模块，可是，这种引入是单向的。好比：
a文件：

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

那咱们在b文件中若是这样：

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

开发者工具是会报错的，目前个人解决方案也只是避免这种引用，直接将本身须要的部分放在同一个文件中。

2.图片
1）经过background属性引用图片
没错，咱们能够在开发工具上看到效果挺正常的，可是，打开手机测试，Ops，图片不见了。
在官方文档上有明确规定，本地资源是没法经过css获取的。
因此，当你决定用background-image属性的时候，你能够：
a=> 使用网络图片
b=> base64

2）经过image标签src属性引用图片
这种方式的引用没有资源来源方式的限制，能够引用本地资源。

调试
调试的时候最大的感悟是，不管是开发者工具上，仍是手机上，记得先把缓存删干净再测。并且出现bugs的时候尽可能多测几回，进行反复肯定。否则的话，你可能会发现，原本测好的功能又出现问题了，或者是原本有问题的部分又没有问题了，因此，测吧测吧，多测几回。

1.页面加载，前端向后台发送数据请求。
在开发阶段，咱们在进行对请求结果的业务处理时，天然是边调试边修改的，有时候咱们会遇到：statusCode没处理好而致使前端不断向后台发送请求，而后，卡机了。固然，在微信开发者工具上，也是。不过，除此以外，它还会产生另一个反作用，就是可能连小程序自己API上的请求都请求不了了。发生这种状况的话，你就喝喝茶，作作眼保健操吧，给它点时间，它会好起来的。

2.代码上传报错。
手机预览小程序。在预览以前，咱们是须要在开发者工具上上传代码的，说说我遇到的报错把：
1）明确提示个人代码中哪个文件有错误
这个比较好办，就是直接找到对应文件，结合控制台，改好以后再上传代码。
2）错误提示一个不知道什么缘由的error
碰见这种状况，个人解决方案是：不用纠结，关掉个人开发者工具，打开，再上传。貌似有点无厘头，可是成功概率很高，不信你能够试试。

其余1.开发过程当中，记得时刻关注官方文档上的更新日志，保持本身的开发工具是最新的。这是避免跳坑的一大法宝，不过如今还好了，刚开始的时候是真坑~2.学会在开发者社区上找答案，没有答案就去提问，会有人回答你的。