小程序开发总结(一)

最近在开发一个小程序项目准备上线中也是第一个做的小程序中间遇到很多坑通过自己不断实践和努力解决了也分享给大家,缩短大家的开发时间。

一、修改背景颜色

这是一个很常见的需求在html的中我们可以改变body&html的标签颜色,但是在小程序中你可以通过两种方法

1、修改page的颜色

2、在app.json的文件中修改

"backgroundTextStyle":"#f2f2f2",//注意这里两个属性值需要一致本人亲测"backgroundColor":"#f2f2f2"

二、地图引用(腾讯地图)

1、在小程序的需求当中地理位置是常见的一种需求我们这里选用的是腾讯地图,后台用的是百度地图有人肯定问为什么不使用同一个地图,这里是出于百度地图开发文档比较齐全,市面上的开源的插件功能也比较齐全所以后台选用的是百度地图,小程序的爸爸是腾讯所以选的腾讯地图但是在后台需要对经纬度值做一个转换因为百度和腾讯的地图不是同一种经纬度标准。

后期还是需要统一地图标准

腾讯地图使用方法

腾讯地图官网申请一个开发者帐号附(http://lbs.qq.com/mykey.html

创建一个密钥

在微信公众号平台设置一个安全域名

这里有个坑如果你不设置这个安全域名在手机演示中无法访问地图api需要打开调试模式才行

具体api可以看腾讯地图文档

三、寻找监听安卓返回事件或者ios的顶部的返回事件

我之前一直想找到这个事件因为某些页面返回的时候需要返回到指定页面而不是父级路由过来的页面后面用小程序的生命周期函数解决了这个问题

onUnload(){wx.switchTab({url:'/pages/order/index',// 这里就是你一路向西的地方fail: function (res) {        }    })}

四、字体图标

我相信很多前端的开发者用完iconfont肯定是爱不释手了但是小程序不能用

谁叫阿里腾讯不是一家人了,不过这个还是有一个解决办法

因为小程序背景图只支持base64的我们可以将iconfont文件转换为base64的

从iconfont把文件下载下来记住我们要选择fontClass的模式

然后在这个平台https://transfonter.org/把字体文件转换成base64

在lib文件中引入

在wxss加入字体

大功告成

(后续不断更新···)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载链接 注:本文转载知乎上的回答 作者:初雪 链接:https://www.zhihu.com/question...
    pengshuangta阅读 28,852评论 9 295
  • 最近小程序火了,是时候收藏一波了! 1:微信小程序官方工具:https://mp.weixin.qq.com/de...
    Sky109阅读 13,604评论 2 97
  • 愿所有有缘看到我忏悔之人,内心平静喜悦。丰盛富足圆满的生命。 谦卑,不是内心自卑,也不是刻意地屈尊低调。谦卑是如山...
    黛儿微笑阅读 244评论 0 1
  • 前段时间因为情绪总是反复,对学习也产生了懈怠,在群里姐妹的帮助鼓励下,这两天又坚持开始了学习。我牢牢记住“...
    馨月儿1阅读 159评论 0 2
  • 袁某,女,32岁。 脉浮紧,舌苔白腻,身疼痛,声音哑,不能说话。 麻黄汤合平胃散,解表运中。 一付药身疼痛大减,已...
    中医李奇飞阅读 245评论 0 0