微信小顺序项目总结(一)

— 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.学会在开辟者社区上找答案,没有答案就去发问,会有人回复你的。

    原文作者:kchris
    原文地址: https://segmentfault.com/a/1190000008718099
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞