微信小程序的一些小坑

最近在做小程序的项目，有些小问题记下来总结一下~

1、出现脚本错误或者未正确调用Page()

在新建项目的时候，可能会直接复制官方demo的page也有可能是自己新建。但有时候会出现一个问题，就是conosole.log窗下面会飙出一句红色提示你，出现脚本错误或者未正确调用Page()

出这问题的原因最可能就是提示你的这个js文件是个空的，解决方法是在提示的js文件中加个空白的Page({})函数调用

2、公共模块引用

WXML提供import和include两种文件引用方式：

import有作用域的概念，不能多重引用，而include的话就可以多重引用

3、 wx.previewImage()

提供的这个接口很爽，一开始在写功能的时候要写一个点击进入查看大图，还有获取当前图片列表，如果是pc的话估计就直接来遮罩层了。这里有提供这个api的话用起来也省心。

示例代码：

4、调用内置地图地址转坐标

调用内置地图是比较简单的，然后当时有个需求是，点击一个中文的地址，然后再通过经纬度来显示在地图上。而小程序里面貌似只能获取经纬度的信息，而不能直接查找，那就要用到腾讯地图提供的一个SDK了。链接在这里：http://lbs.qq.com/qqmap_wx_jssdk/index.html

然后使用方法也很简单，直接进去地址转坐标里面，根据示例直接做就ok~（如果AppID开发的话，记得要在公众平台里面添加一下安全域名）

5、background的url为本地图片没法显示

在前期做项目的时候，有些小icon或者一些bg之类要设置背景，这时候估计会发现，在wxss里面设置的background死活出不来。什么想对路径绝对路径都不行，然后console.log会提示你不能用本地图片！！！！！才开始，也不太可能让后端给你把这图片传服务器。

解决方法：

    可以把background写成行内式直接写在标签身上，或者把图片直接转成base64编码。这里给个base64转换的链接http://base64.xpcha.com/indexie.php    转好之后直接把编码复制下来写在url里面的位置即可。

6、直接拨打电话

7、富文本解析

之前在做pc啊或者移动端的时候，他们的都是直接在浏览器运行的，用富文本产生的标签或者内容也完全没啥问题。然后小程序的话，他有自己的标签，并且有少数还和传统html标记有出入，那如果一个后端传过来的富文本编辑的内容，都是div啊span啊或者img啊之类的，那不是game over？还好~有需求就有市场，也有人搞定了这个问题。先上个链接：https://github.com/icindy/wxParse  这个wxParse插件用起来也贼简单，README.md里面也写得很清楚的用法，还是一样的coyp--引入--数据绑定--引用模板----ok！

---

后续还有再继续添加~