美文网首页
微信小程序的一些小坑

微信小程序的一些小坑

作者: JoseWoo | 来源:发表于2017-11-08 10:58 被阅读70次

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

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!



后续还有再继续添加~

相关文章

  • 小程序相关实用文章

    1、微信小程序开发常见之坑2、微信小程序联盟-微信小程序开发社区-小程序3、怎么在弹窗中加入输入框4、微信小程序实...

  • 微信小程序的一些小坑

    最近在做小程序的项目,有些小问题记下来总结一下~ 1、出现脚本错误或者未正确调用Page() 在新建项目的时候,可...

  • 【教程】微信小程序入门

    微信小程序入门基础知识 Moustache:我的微信小程序入门踩坑之旅 github精选:微信小程序入门简要教程 ...

  • 微信有哪些亲儿子,你都知道嘛?

    微信小程序推出后,腾讯自己也做了一些小程序,被人戏称“微信亲儿子”,今天就来看一下,哪些小程序是微信的“亲儿子”!...

  • 微信小程序3 数据请求

    前言 在数据请求之前,我们需要把微信小程序数据请求的坑过一遍,若无法满足这些坑,请放弃小程序吧1:微信小程序的请求...

  • 零碎总结-不定时更新

    后面更新的写在前面。。。。。。微信小程序常见问题 第六,关于textarea 这个坑啊坑!,微信小程序中设置了悬浮...

  • 开发微信小程序分页功能的坑

    微信小程序开发分页的坑 微信小程序开发中list列表经常要进行分页处理,踩坑在所难免。 app.json wxml...

  • 加推科技的小程序名片如设计出个性化的展现风采?

    关于微信小程序,相信大家有很多使用微信的,都添加了挺多的小程序,这些小程序帮助大家在利用微信聊天的同时,找到了一些...

  • 事件关键词 bind 和 catch 的区别、事件对象 targ

    这是微信小程序踩坑系列的第一篇,想要了解更多关于微信小程序开发的那些事,欢迎关注我的《微信小程序》专栏。 前言 开...

  • 微信小程序基础

    微信小程序相关及一些小坑 1.页面滑动 小程序内容超出父盒子,或者页面超出屏幕都不会出现滚动条滑动,如需要滑动,要...

网友评论

      本文标题:微信小程序的一些小坑

      本文链接:https://www.haomeiwen.com/subject/kxremxtx.html