当前位置: 首页 > Web前端 > HTML

小程序开发总结(一)

时间:2023-04-02 15:45:30 HTML

最近在开发小程序项目准备上线的时候,也是遇到很多坑的第一个小程序。通过不断的实践和努力,自己解决了,分享给大家,缩短大家的开发时间。时间。1.修改背景颜色这是一个很常见的需求。在html中,我们可以改变body&html的标签颜色,但是在小程序中,可以使用两种方法1.修改页面颜色2.在app.json文件中修改"backgroundTextStyle":"#f2f2f2",//注意这里的两个属性值需要保持一致。我亲自测试过"backgroundColor":"#f2f2f2"2.地图参考(腾讯地图)1.小程序要求中的地理位置是一个常见的要求是我们这里用的是腾讯地图,后台是百度地图。有人肯定会问为什么不用同一张地图。这是因为百度地图的开发文档比较完善,市面上的开源插件功能也比较完善。所以后台使用了百度地图。小程序之父是腾讯,所以选择了腾讯地图,但是在后台需要做一次经纬度值的转换,因为百度和腾讯的地图不是同一个经纬度标准。后期还是需要统一地图标准。腾讯地图使用方法。在腾讯地图官网(http://lbs.qq.com/mykey.html)申请开发者账号在微信♂平台创建密钥并设置安全域名。如果不设置此安全域名,则无法访问手机demo中的地图api。您需要启用调试模式。具体api可以参考腾讯地图文档。某些页面返回index时,事件需要返回指定页面,而不是父路由的页面',//这是一路向西失败的地方:function(res){}})}四、字体icon相信很多前端开发者用完iconfont会爱不释手,但是小程序不能用谁叫阿里腾讯不是一家人了,不过还是有解决办法的,因为背景图的小程序只支持base64。我们可以将iconfont文件转换为base64并从iconfont下载该文件。记住我们要选择fontClass的模式,然后在这个平台上使用https://transfonter.org/将字体文件转成base64,导入到lib文件中,将字体添加到wxss中,就大功告成了(以后持续更新……)